/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
cite {
  font-style: normal;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #428bca;
}
a.text-primary:hover {
  color: #3071a9;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #428bca;
}
a.bg-primary:hover {
  background-color: #3071a9;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #777777;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #777777;
}
.form-control::-webkit-input-placeholder {
  color: #777777;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 34px;
  line-height: 1.42857143 \0;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
  line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
  line-height: 46px;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm,
.form-horizontal .form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg,
.form-horizontal .form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3071a9;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  color: #428bca;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: 0;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #428bca;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #428bca;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 40px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 40px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 3px;
  margin-bottom: 3px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 3px;
  margin-bottom: 3px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-form.navbar-right:last-child {
    margin-right: -15px;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 3px;
  margin-bottom: 3px;
}
.navbar-btn.btn-sm {
  margin-top: 5px;
  margin-bottom: 5px;
}
.navbar-btn.btn-xs {
  margin-top: 9px;
  margin-bottom: 9px;
}
.navbar-text {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #777777;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #777777;
}
.navbar-inverse .navbar-nav > li > a {
  color: #777777;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #fff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #777777;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #777777;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #777777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #428bca;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #428bca;
  background-color: #fff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #428bca;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar[aria-valuenow="1"],
.progress-bar[aria-valuenow="2"] {
  min-width: 30px;
}
.progress-bar[aria-valuenow="0"] {
  color: #777777;
  min-width: 30px;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media,
.media .media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #428bca;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #428bca;
}
.panel-primary > .panel-heading .badge {
  color: #428bca;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #428bca;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
html {
  background-color: #222 !important;
  height: 100%;
}
body {
  background-image: -webkit-linear-gradient(top, #222 0%, #111 100%) !important;
  background-image: -o-linear-gradient(top, #222 0%, #111 100%) !important;
  background-image: linear-gradient(to bottom, #222 0%, #111 100%) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0) !important;
  font-family: 'Arial', sans-serif;
  height: auto !important;
  min-height: 100% !important;
}
body .md-button {
  text-transform: none;
  font-weight: 300;
  min-width: 0;
  min-height: 0;
  line-height: inherit;
  margin: 0;
  font-size: inherit;
  padding: 6px;
}
body .md-button.striped {
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
  -webkit-animation: progress-bar-stripes 2s linear infinite !important;
  -moz-animation: progress-bar-stripes 2s linear infinite !important;
  -ms-animation: progress-bar-stripes 2s linear infinite !important;
  -o-animation: progress-bar-stripes 2s linear infinite !important;
  animation: progress-bar-stripes 2s linear infinite !important;
}
body .md-button.md-raised,
body .md-button.md-fab {
  background: #444;
  color: #ccc;
  line-height: inherit;
}
body .md-button.md-raised:not([disabled]):hover,
body .md-button.md-fab:not([disabled]):hover {
  background: #444;
}
h2 {
  font-size: 1.5em;
}
a.md-button {
  text-decoration: none;
}
label {
  font-weight: normal;
  margin-bottom: 0;
}
.md-button .fa + * {
  margin-left: 5px;
}
md-input-container {
  display: block;
  padding-bottom: 20px;
}
md-input-container md-icon {
  text-align: center;
  line-height: 24px;
}
md-input-container md-icon .fa {
  vertical-align: middle;
}
md-input-container ._hint {
  color: #9e9e9e;
  font-size: 14px;
  font-weight: 300;
  position: absolute;
  left: 2px;
  right: auto;
  bottom: 0;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
md-input-container ._hint.ng-hide,
md-input-container ._hint.ng-enter,
md-input-container ._hint.ng-leave.ng-leave-active {
  bottom: 20px;
  opacity: 0;
}
md-input-container ._hint.ng-leave,
md-input-container ._hint.ng-enter.ng-enter-active {
  bottom: 0;
  opacity: 1;
}
md-input-container .error {
  color: #FF9800;
  font-size: 14px;
  font-weight: 300;
}
md-input-container .error + button {
  margin-top: 10px;
}
md-input-container .error [ng-message] {
  font-size: 13px;
}
/*md-input-container label, .md-input-container label {
    line-height: 1.5;
    -webkit-transform: translate(0, 1.5em) !important;
    transform: translate(0, 1.5em) !important;
    text-shadow: none !important;
    padding-left: 0 !important;
}

md-input-container.md-input-has-value label,
.md-input-container.md-input-has-value label,
md-input-container.md-input-focused label,
.md-input-container.md-input-focused label {
    -webkit-transform: translate(0, 4px) scale(0.75) !important;
    transform: translate(0, 4px) scale(0.75) !important;
}

md-input-container input, md-input-container textarea, .md-input-container input, .md-input-container textarea {
    transition: border-width 0s, padding 0s !important;
    line-height: 1.5 !important;
    padding-top: 0 !important;
}

md-input-container.md-default-theme.md-input-has-value:not(.md-input-focused) label,
.md-input-container.md-default-theme.md-input-has-value:not(.md-input-focused) label {
    color: rgba(255,255,255,0.3) !important;
}*/
.init-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  padding-top: 45vh;
  background-color: #131520;
}
.init-loading main {
  height: 86px;
}
.init-loading h1 {
  position: relative;
  top: -55px;
  height: 0;
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Open Sans";
  font-size: 14px;
  letter-spacing: 2.5px;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
}
.init-loading svg {
  height: 86px;
  width: 562px;
}
.blink-animation {
  animation: blink-animation 1400ms steps(2, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.page-content {
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.page-content.ng-enter {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity .3s;
}
.page-content.ng-enter.ng-enter-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-content.ng-leave {
  display: none;
}
.page-content.ptr {
  top: 72px;
}
.page-content.no-navbar {
  top: 0 !important;
}
.ptr-header {
  background-color: #2B2820;
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  height: 30px;
  line-height: 30px;
  padding-left: 19px;
  color: #A2A288;
  font-size: 13px;
  text-align: center;
}
.ptr-header a {
  color: #C7C7A4;
  text-decoration: underline;
}
.header-jumbotron {
  padding: 30px;
  text-align: left;
  background: #333;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, #333 0%, #2a2a2a 100%);
  background-image: -o-linear-gradient(top, #333 0%, #2a2a2a 100%);
  background-image: linear-gradient(to bottom, #333 0%, #2a2a2a 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff2a2a2a', GradientType=0);
}
.header-jumbotron h1 {
  color: #FFD180;
  margin-top: 0;
  font-size: 30px;
  margin-bottom: 10px;
}
.header-jumbotron .subtitle {
  color: #999;
  font-size: 15px;
  font-weight: 300;
}
.header-jumbotron .back {
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 16px;
  padding: 0;
  margin-right: 4px;
  vertical-align: middle;
  text-align: center;
  position: relative;
  border-radius: 100%;
  color: #ccc;
  top: 2px;
  margin-left: -15px;
}
.header-jumbotron .back .fa {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  left: -2px;
  top: 3px;
}
.header-jumbotron .back + h1 {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.header-jumbotron .md-button.fab-back {
  width: 40px;
  height: 40px;
  position: absolute;
  left: -20px;
  top: 42px;
  padding: 0;
}
.header-jumbotron .md-button.fab-back .fa {
  line-height: 40px;
}
.loading {
  font-size: 22px;
  margin: 100px;
  color: #aaa;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}
.invisible {
  visibility: hidden;
}
.standard-section {
  max-width: 900px;
  margin: 30px auto 0 auto;
  font-family: Roboto, sans-serif;
  color: #ccc;
}
.ui-drop-group button.dropdown-toggle:not(.md-button) {
  background-color: transparent;
  color: #aaa;
  border: 0 !important;
}
.ui-drop-group.with-icon li a {
  position: relative;
  padding-left: 25px !important;
}
.ui-drop-group.with-icon li a i {
  /*position: absolute;
                    left: 13px;
                    bottom: 0.9em;*/
  font-size: 9px;
  margin-left: -16px;
  width: 16px;
  position: relative;
  top: -2px;
}
::-webkit-scrollbar {
  height: 10px;
  width: 10px;
  background: #222;
  padding: 2px;
}
::-webkit-scrollbar-thumb {
  background: #666;
  -webkit-border-radius: 1px;
}
::-webkit-scrollbar-corner {
  background: #222;
}
body md-radio-group {
  border: 0 !important;
}
body md-radio-group md-radio-button {
  margin: 10px 0;
}
body md-radio-group md-radio-button:first-child {
  margin-top: 0;
}
body md-radio-group md-radio-button:last-child {
  margin-bottom: 0;
}
body md-checkbox,
body md-checkbox.md-primary,
body md-checkbox.md-primary:not([disabled]) {
  margin: 10px 0;
}
body md-checkbox .md-icon,
body md-checkbox.md-primary .md-icon,
body md-checkbox.md-primary:not([disabled]) .md-icon {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.footnote-mark {
  display: inline;
  vertical-align: super;
  font-size: 0.7em;
}
#force-refresh {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  pointer-events: none;
}
.pagination-container {
  text-align: center;
}
.pagination-container .pagination li a {
  background: rgba(255, 255, 255, 0.03);
  margin: 2px;
  border: none;
}
.pagination-container .pagination li:hover:not(.disabled):not(.active) a {
  background: rgba(255, 255, 255, 0.06);
}
.pagination-container .pagination li.active a {
  background: #3F51B5;
  color: #ddd;
}
.mineral-density-1 {
  color: #ff5964;
}
.mineral-density-2 {
  color: #f1e283;
}
.mineral-density-3 {
  color: #84f184;
}
.mineral-density-4 {
  color: #88f1ef;
}
.controller-sign .controller-sign__author {
  margin-top: 2px;
  text-align: right;
}
.controller-sign .controller-sign__date {
  text-align: right;
  color: #777;
  font-size: 11px;
}
.tooltip {
  pointer-events: none;
}
.ace-tomorrow-night .ace_gutter {
  background: #313335 !important;
  color: #878779 !important;
}
.ace-tomorrow-night .ace_print-margin {
  width: 1px;
  background: #25282c;
}
.ace-tomorrow-night {
  background-color: #2b2b2b !important;
  color: #a9b7c6 !important;
}
.ace-tomorrow-night .ace_cursor {
  color: #a9b7c6 !important;
}
.ace-tomorrow-night .ace_marker-layer .ace_selection {
  background: #373B41;
}
.ace-tomorrow-night.ace_multiselect .ace_selection.ace_start {
  box-shadow: 0 0 3px 0px #2b2b2b;
  border-radius: 2px;
}
.ace-tomorrow-night .ace_marker-layer .ace_step {
  background: #665200;
}
.ace-tomorrow-night .ace_marker-layer .ace_bracket {
  margin: -1px 0 0 -1px;
  border: 1px solid #4B4E55;
}
.ace-tomorrow-night .ace_marker-layer .ace_active-line {
  background-color: #323232 !important;
}
.ace-tomorrow-night .ace_gutter-active-line {
  background-color: #323232 !important;
}
.ace-tomorrow-night .ace_marker-layer .ace_selected-word {
  border: 1px solid #373B41;
}
.ace-tomorrow-night .ace_invisible {
  color: #4B4E55;
}
.ace-tomorrow-night .ace_keyword {
  color: #a9b7c6 !important;
}
.ace-tomorrow-night .ace_storage.ace_type {
  color: #cc7832 !important;
}
.ace-tomorrow-night .ace_meta,
.ace-tomorrow-night .ace_storage,
.ace-tomorrow-night .ace_support.ace_type {
  color: #9876aa !important;
}
.ace-tomorrow-night .ace_keyword.ace_operator {
  color: #8ABEB7;
}
.ace-tomorrow-night .ace_constant.ace_character,
.ace-tomorrow-night .ace_constant.ace_language,
.ace-tomorrow-night .ace_constant.ace_numeric,
.ace-tomorrow-night .ace_keyword.ace_other.ace_unit,
.ace-tomorrow-night .ace_support.ace_constant,
.ace-tomorrow-night .ace_variable.ace_parameter {
  color: #6897bb !important;
}
.ace-tomorrow-night .ace_constant.ace_other {
  color: #CED1CF;
}
.ace-tomorrow-night .ace_invalid {
  color: #CED2CF;
  background-color: #DF5F5F;
}
.ace-tomorrow-night .ace_invalid.ace_deprecated {
  color: #CED2CF;
  background-color: #B798BF;
}
.ace-tomorrow-night .ace_fold {
  background-color: #81A2BE;
  border-color: #C5C8C6;
}
.ace-tomorrow-night .ace_entity.ace_name.ace_function,
.ace-tomorrow-night .ace_support.ace_function,
.ace-tomorrow-night .ace_variable {
  color: #ffc66d !important;
}
.ace-tomorrow-night .ace_support.ace_class,
.ace-tomorrow-night .ace_support.ace_type {
  color: #ffc66d !important;
}
.ace-tomorrow-night .ace_heading,
.ace-tomorrow-night .ace_markup.ace_heading,
.ace-tomorrow-night .ace_string {
  color: #6a8759 !important;
}
.ace-tomorrow-night .ace_entity.ace_name.ace_tag,
.ace-tomorrow-night .ace_entity.ace_other.ace_attribute-name,
.ace-tomorrow-night .ace_meta.ace_tag,
.ace-tomorrow-night .ace_string.ace_regexp,
.ace-tomorrow-night .ace_variable {
  color: #9876aa !important;
}
.ace-tomorrow-night .ace_comment {
  color: #969896;
}
.ace-tomorrow-night .ace_indent-guide {
  background: url() right repeat-y;
}
.ace_editor.ace-tomorrow-night.ace_autocomplete {
  border: 1px solid #444;
}
.ace_editor.ace-tomorrow-night.ace_autocomplete .ace_completion-highlight {
  color: white !important;
}
.ace_editor.ace-tomorrow-night.ace_autocomplete .Ace-Tern-completion-unknown:before {
  background: #256767;
}
.ace_editor.ace-tomorrow-night.ace_autocomplete .Ace-Tern-completion-object:before {
  background: #5d5d99;
}
.ace_editor.ace-tomorrow-night.ace_autocomplete .Ace-Tern-completion-fn:before {
  background: #559655;
}
.ace_editor.ace-tomorrow-night.ace_autocomplete .Ace-Tern-completion-array:before {
  background: #904848;
}
.ace_editor.ace-tomorrow-night.ace_autocomplete .Ace-Tern-completion-number:before {
  background: #616161;
}
.ace_editor.ace-tomorrow-night.ace_autocomplete .Ace-Tern-completion-string:before {
  background: #616161;
}
.ace_editor.ace-tomorrow-night.ace_autocomplete .Ace-Tern-completion-bool:before {
  background: #616161;
}
.ace_editor.ace-tomorrow-night.ace_autocomplete .Ace-Tern-completion-guess {
  color: #616161;
}
.Ace-Tern-tooltip {
  z-index: 31 !important;
  background-color: #313335 !important;
  border: 0 !important;
  color: #a9b7c6 !important;
  font-size: 12px !important;
  max-height: 128px !important;
}
.Ace-Tern-type {
  color: #6897bb !important;
}
.Ace-Tern-farg {
  color: #ffc66d !important;
}
.Ace-Tern-farg-current {
  color: white !important;
}
.Ace-Tern-tooltip-boxclose {
  color: #DF5F5F !important;
}
.modal-dialog {
  font-family: 'Roboto', 'Arial', sans-serif;
  font-weight: 300;
  margin-top: 50px;
}
.modal-dialog .modal-title {
  text-transform: uppercase;
  font-size: 12px;
}
.modal-dialog .modal-content {
  color: #dedede;
  background-color: #494949;
  overflow: hidden;
}
.modal-dialog .modal-header {
  background-color: #3F51B5;
  border-bottom: none;
}
.modal-dialog .modal-header .close {
  text-shadow: none;
  color: #ccc;
  opacity: 1;
}
.modal-dialog .modal-body {
  margin-bottom: 0;
  padding-right: 20px;
}
.modal-dialog .modal-body .close {
  text-shadow: none;
  color: #ccc;
  opacity: 1;
  position: absolute;
  top: 8px;
  right: 8px;
}
.modal-dialog .modal-body input {
  margin-left: 10px;
  background: #333;
  border: 0;
  padding: 5px 8px;
  border-radius: 2px;
  outline: none;
  color: #ddd;
}
.modal-dialog .modal-body p {
  margin-bottom: 1.5em;
}
.modal-dialog .modal-body p:last-child {
  margin-bottom: 0;
}
.modal-dialog .modal-body h4 {
  font-weight: 500;
  color: white;
}
.modal-dialog .modal-body a {
  color: #5DB4FF;
}
.modal-dialog .modal-body pre {
  background-color: #333;
  color: #a3a3a3;
  border: 0;
  margin-top: 10px;
}
.modal-dialog .modal-body code {
  background-color: #5A5A5A;
  color: inherit;
}
.modal-dialog .modal-footer {
  border-top: none;
}
.modal-dialog .modal-footer .md-button {
  min-width: 100px;
  padding: 6px 15px;
}
.modal-dialog .modal-footer a.md-button:hover {
  color: #5DB4FF;
}
.modal-dialog b,
.modal-dialog strong {
  color: #fff;
  font-weight: 500;
}
section.dlg-select {
  overflow: visible;
}
section.dlg-select .ui-drop-group {
  margin-left: 20px;
}
section.dlg-select .modal-body {
  padding: 25px;
}
section.dlg-select .note {
  margin-top: 15px;
  font-size: 13px;
  color: #aaa;
}
.dlg-select-window {
  overflow: visible;
}
.dlg-select-window .modal-dialog {
  margin-top: 130px;
}
.dlg-select-window .modal-content {
  overflow: visible;
}
.dlg-server-message {
  position: absolute;
  bottom: 15px;
  left: 15px;
  padding: 20px 30px;
  background: #555;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  color: #ddd;
  z-index: 50;
}
.dlg-server-message > span {
  vertical-align: middle;
}
.dlg-server-message .close {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  color: #aaa;
  text-shadow: none;
  font-size: 10px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dlg-server-message .close:hover {
  color: #ccc;
}
.dlg-version-updated {
  position: absolute;
  bottom: 15px;
  left: 15px;
  padding: 20px 30px;
  background: #555;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  color: #ddd;
  z-index: 50;
}
.dlg-version-updated > span {
  vertical-align: middle;
}
.dlg-version-updated .md-button {
  vertical-align: middle;
  margin-left: 10px;
}
.dlg-version-updated .close {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  color: #aaa;
  text-shadow: none;
  font-size: 10px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dlg-version-updated .close:hover {
  color: #ccc;
}
.dlg-version-updated__reload-tip {
  color: #999;
  display: inline;
}
#loading-box {
  width: 100%;
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 108;
  font-size: 20px;
}
#loading-box.ng-hide-add,
#loading-box.ng-hide-remove {
  display: block !important;
  transition: opacity 0.4s;
}
#loading-box.ng-hide-add.ng-hide-add-active,
#loading-box.ng-hide-remove {
  opacity: 0;
  filter: alpha(opacity=0);
}
#loading-box.ng-hide-add,
#loading-box.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
#loading-box.hide-ui,
#loading-box.no-navbar {
  top: 0;
}
#loading-box md-progress-linear {
  height: 2px !important;
  transition: none !important;
}
#loading-box md-progress-linear .md-container {
  height: 2px !important;
  background: #00695C;
  top: 0;
  transition: none !important;
}
#loading-box md-progress-linear .md-bar1 {
  background: #FFD180;
}
#loading-box md-progress-linear .md-bar2 {
  background: #7986CB;
}
.profile-stats {
  clear: both;
  margin: 0 15px;
}
.profile-stats > * {
  width: 14.285714%;
  padding: 0;
}
.profile-stats > * > * {
  padding: 15px 10px 10px 10px !important;
  background: #222;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  margin: 20px 10px;
  text-align: left;
}
.profile-stats .profile-stat-title {
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
  color: #999;
}
.profile-stats .profile-stat-value {
  text-align: center;
  font-size: 30px;
  font-weight: 300;
}
.profile-stats .profile-stat-per-tick {
  border-top: 1px solid;
  text-align: center;
  margin: 0 17px;
  padding-top: 2px;
  opacity: 0.5;
  font-size: 12px;
}
.profile-stats .stat-energyHarvested {
  color: #ffe56d;
}
.profile-stats .stat-energyConstruction {
  color: #eee;
}
.profile-stats .stat-energyCreeps {
  color: #eee;
}
.profile-stats .stat-energyControl {
  color: #A7FFEB;
}
.profile-stats .stat-creepsProduced {
  color: #65fd62;
}
.profile-stats .stat-creepsLost {
  color: #f96e76;
}
.profile-stats .stat-powerProcessed {
  color: #E04040;
}
section.punchcard .punch-item {
  display: inline-block;
  width: 70px;
  height: 70px;
  position: relative;
  text-align: center;
  line-height: 70px;
  overflow: hidden;
}
section.punchcard .punch-item .punch-line {
  position: absolute;
  top: 0;
  left: 35px;
  width: 1px;
  height: 10px;
  background-color: #333;
}
section.punchcard .punch-item .punch-circle {
  display: inline-block;
  border-radius: 100%;
  vertical-align: middle;
}
.stat-energyHarvested .punch-circle circle {
  fill: #ffe56d;
}
.stat-energyConstruction .punch-circle circle {
  fill: #ddd;
}
.stat-energyCreeps .punch-circle circle {
  fill: #ddd;
}
.stat-energyControl .punch-circle circle {
  fill: #A7FFEB;
}
.stat-creepsProduced .punch-circle circle {
  fill: #65fd62;
}
.stat-creepsLost .punch-circle circle {
  fill: #f96e76;
}
.stat-powerProcessed .punch-circle circle {
  fill: #E04040;
}
.punchcard-header {
  text-align: right;
}
.punchcard-header .punchcard-header-title {
  text-align: center;
  display: inline-block;
  width: 70px;
  font-size: 11px;
  color: #666;
}
.ui-radio {
  position: relative;
  margin: 0 20px 10px 20px;
}
.ui-radio label {
  cursor: pointer !important;
}
.ui-radio input[type="radio"] {
  display: none;
}
.ui-radio input[type="radio"] + span {
  font-weight: normal;
}
.ui-radio label:hover input[type="radio"] + span:before {
  border: 1px solid #777;
}
.ui-radio input[type="radio"] + span:before {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: -20px;
  border-radius: 50%;
  border: 1px solid #555;
}
.ui-radio input[type="radio"]:disabled + span:before {
  opacity: .65;
  cursor: no-drop;
}
.ui-radio input[type="radio"]:checked + span:before {
  border-color: #999;
}
.ui-radio input[type="radio"]:checked + span:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 6px;
  left: -15px;
  background-color: #ccc;
  border-radius: 50%;
  display: block;
}
.ui-radio input[type="radio"]:disabled:checked + span:after {
  opacity: .65;
  cursor: no-drop;
  background-color: #4c4b50;
}
.ui-checkbox {
  position: relative;
  margin: 0 20px 10px 20px;
}
.ui-checkbox label {
  cursor: pointer !important;
}
.ui-checkbox label:hover input[type="checkbox"] + span:before {
  background-color: #333;
}
.ui-checkbox input[type="checkbox"] {
  display: none;
}
.ui-checkbox input[type="checkbox"] + span {
  font-weight: normal;
}
.ui-checkbox input[type="checkbox"] + span:before {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: -20px;
  background-color: transparent;
  border-radius: 3px;
  border: 1px solid #555;
}
.ui-checkbox input[type="checkbox"]:disabled + span:before {
  opacity: .65;
  border: 1px solid #333;
  cursor: no-drop;
}
.ui-checkbox label:hover input[type="checkbox"]:checked + span:before {
  background-color: #5e5d63;
}
.ui-checkbox input[type="checkbox"]:checked + span:before {
  background-color: #4c4b50;
  border: 1px solid #606060;
}
.ui-checkbox input[type="checkbox"]:checked + span:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 6px;
  left: -15px;
  background: url("components/common/checkmark.png") no-repeat center center;
  background-size: 14px 14px;
  display: block;
}
.ui-checkbox input[type="checkbox"]:disabled:checked + span:before {
  opacity: .65;
  background-color: #4c4b50;
  border: 1px solid #606060;
}
.ui-checkbox input[type="checkbox"]:disabled:checked + span:after {
  opacity: .15;
  cursor: no-drop;
  background: url("components/common/checkmark.png") no-repeat center center;
}
.ui-checkbox.partial input[type="checkbox"] + span:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 6px;
  left: -15px;
  background-size: 14px 14px;
  display: block;
  opacity: 0.65;
  filter: alpha(opacity=65);
  background: url("components/common/check-partial.png") no-repeat center center !important;
}
.btn-group {
  outline: none;
}
.btn-group .dropdown-menu {
  min-width: 0;
  display: block!important;
  clip: auto !important;
  font-family: Arial;
  max-height: 300px;
  overflow: auto;
  background: #444;
}
.btn-group .dropdown-menu li.active-tick {
  position: relative;
  top: 0;
  font-family: inherit;
  display: block;
}
.btn-group .dropdown-menu li.active-tick:before {
  font-family: FontAwesome;
  content: "\f00c";
  font-size: 10px;
  position: absolute;
  left: 4px;
  top: 6px;
}
.btn-group .dropdown-menu li.active-tick:hover:before {
  color: white;
}
.btn-group .dropdown-menu a {
  text-decoration: none;
  cursor: pointer;
  color: #bbb;
}
.btn-group .dropdown-menu a.disabled {
  cursor: not-allowed;
}
.btn-group .dropdown-menu a:hover {
  background-color: #555;
  color: white;
}
.btn-group .dropdown-menu.ng-hide {
  display: none!important;
}
.btn-group .dropdown-menu.ng-hide-remove {
  opacity: 0;
  filter: alpha(opacity=0);
  display: block!important;
  transition: opacity .2s;
}
.btn-group .dropdown-menu.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-group .dropdown-menu.ng-hide-add {
  opacity: 1;
  filter: alpha(opacity=100);
  display: block!important;
  transition: opacity .2s;
}
.btn-group .dropdown-menu.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  filter: alpha(opacity=0);
}
.btn-group .dropdown-menu.dropdown-menu--top {
  top: auto;
  bottom: 100%;
}
.btn-group a.dropdown-toggle {
  color: inherit;
  text-decoration: none !important;
  cursor: pointer;
}
.btn-group a.dropdown-toggle .toggle-text {
  border-bottom: 1px dotted #777;
  vertical-align: baseline !important;
}
.btn-group a.dropdown-toggle .caret {
  vertical-align: baseline !important;
  position: relative;
  top: -0.15em;
}
.btn-group li.dropdown-header {
  font-size: 9px;
  text-transform: uppercase;
  color: #999;
}
.btn-group li.divider {
  background-color: #555;
}
section.choose-map {
  margin: 100px auto;
  width: 850px;
  background: #2b2b2b;
  border-radius: 8px;
  color: #888;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  font-family: 'Roboto', 'Arial', sans-serf;
}
section.choose-map .title {
  text-align: center;
  font-size: 22px;
  color: #ffc66d;
  background-color: #333;
  padding: 10px;
}
section.choose-map .maps-list {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
section.choose-map .maps-list .map {
  position: relative;
  margin: 0 10px;
  display: inline-block;
  padding: 20px 20px 20px 20px;
  background-color: #191919;
  box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  transition: background-color 0.3s;
  cursor: pointer;
}
section.choose-map .maps-list .map:hover {
  background-color: #263750;
}
section.dlg-world-activation input {
  margin-left: 0 !important;
  font-size: 30px;
}
section.dlg-world-activation .form-control {
  height: auto;
}
section.dlg-world-activation .error {
  margin: 20px 0;
  color: #FF9800;
}
.dlg-world-activation-window .modal-dialog {
  width: 460px;
}
.dlg-world-welcome p {
  margin-bottom: 0.5em !important;
}
.dlg-world-welcome img {
  border: 4px solid #666;
  margin-left: 20px;
}
section.dlg-world-activation input {
  margin-left: 0 !important;
  font-size: 30px;
}
section.dlg-world-activation .form-control {
  height: auto;
}
section.dlg-world-activation .error {
  margin: 20px 0;
  color: #FF9800;
}
.dlg-world-activation-window .modal-dialog {
  width: 460px;
}
section.console {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #2b2b2b;
  color: #ccc;
  font-size: 12px;
  font-family: Monaco, Menlo, 'Ubuntu Mono', Consolas, source-code-pro, monospace;
  padding-top: 3px;
}
section.console .console-controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  bottom: 0;
  background-color: #3B3E40;
  border-top: 1px solid #333;
}
section.console .console-controls .md-button {
  width: 35px;
  font-size: 14px;
  border-radius: 0;
}
section.console .console-controls .md-button i {
  margin-right: 0;
}
section.console .console-messages-list {
  position: absolute;
  top: 0;
  left: 35px;
  right: 0;
  bottom: 30px;
  overflow: auto;
  border-top: 1px solid #222;
}
section.console .console-message {
  padding: 0 5px;
  border-bottom: 1px solid #333;
  position: relative;
  clear: both;
}
section.console .console-message .timestamp,
section.console .console-message .shard {
  font-size: 10px;
  color: #999;
  margin-right: 5px;
  float: left;
  position: relative;
  top: 2px;
}
section.console .console-message span {
  display: inline-block;
  min-height: 1em;
  white-space: pre;
}
section.console .console-message.console-error {
  color: #e79da7;
}
section.console .console-message.console-error .timestamp,
section.console .console-message.console-error .shard {
  color: #92676e;
}
section.console .console-message.console-out .fa,
section.console .console-message.console-in .fa {
  position: absolute;
  left: 5px;
  top: 5px;
  font-size: 8px;
}
section.console .console-message.console-out span,
section.console .console-message.console-in span {
  padding-left: 15px;
}
section.console .console-message.console-out {
  color: #82a1d6;
}
section.console .console-input {
  position: absolute;
  bottom: 0;
  left: 35px;
  right: 0;
  padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  background-color: #353535;
}
section.console .console-input .fa {
  font-size: 10px;
  color: #777;
}
section.console .console-input .tutorial-dummy {
  position: absolute;
  visibility: hidden;
  top: 0;
  left: 100px;
}
section.console .console-input .ace-container {
  position: absolute;
  left: 15px;
  top: 6px;
  right: 0;
  bottom: 0;
}
section.console .console-input .ace_editor {
  background-color: #353535 !important;
  border-top: 0;
}
.editor-panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  z-index: 30;
}
.page-content.hide-ui .editor-panel {
  display: none;
}
.editor-panel .resize-handle {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 30px;
  cursor: n-resize;
}
.editor-panel .btn-panel-toggle,
.editor-panel .btn-panel-popup {
  position: absolute;
  top: 5px;
  width: 22px;
  height: 22px;
  padding: 4px;
  cursor: pointer;
  border-radius: 2px;
}
.editor-panel .btn-panel-toggle:hover,
.editor-panel .btn-panel-popup:hover {
  background-color: #555;
}
.editor-panel .btn-panel-toggle i,
.editor-panel .btn-panel-popup i {
  font-size: 14px;
}
.editor-panel .btn-panel-toggle {
  right: 5px;
}
.editor-panel .btn-panel-toggle:before {
  content: '';
  display: block;
  height: 14px;
  border-bottom: 3px solid #999;
}
.editor-panel .btn-panel-toggle.minimized:before {
  border: 2px solid #999;
  border-top: 4px solid #999;
}
.editor-panel .btn-panel-popup {
  right: 30px;
  padding: 0;
  text-align: center;
}
.editor-panel .popup-desync-error {
  position: absolute;
  right: 0;
  top: 0;
  color: #FFA8A8;
  height: 30px;
  display: block;
  background-color: #6B2F2F;
  line-height: 30px;
  padding: 0 20px;
}
.editor-panel .nav-tabs {
  border-top: 1px solid #555;
  border-bottom: 0;
  background: #444;
  height: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.editor-panel .nav-tabs li {
  z-index: 1;
  position: relative;
}
.editor-panel .nav-tabs li a {
  font-weight: bold;
  border-radius: 0;
  padding: 0;
  width: 100px;
  text-align: center;
  color: #aaa;
  font-size: 13px;
  border: 0 !important;
  cursor: pointer;
  line-height: 29px;
  outline: none;
}
.editor-panel .nav-tabs li:hover a,
.editor-panel .nav-tabs li.hover a {
  background-color: #555;
}
.editor-panel .nav-tabs li.active a,
.editor-panel .nav-tabs li:active a,
.editor-panel .nav-tabs li.focus a,
.editor-panel .nav-tabs li:focus a {
  background-color: #999;
  color: #222;
}
.editor-panel .nav-tabs li.active i,
.editor-panel .nav-tabs li:active i,
.editor-panel .nav-tabs li.focus i,
.editor-panel .nav-tabs li:focus i {
  color: #36161e !important;
}
.editor-panel .nav-tabs li.console-tab {
  position: relative;
}
.editor-panel .nav-tabs li.console-tab i {
  display: none;
}
.editor-panel.has-console-error .console-tab i {
  display: block !important;
  color: #ff9e8d;
  font-size: 11px;
  position: absolute;
  right: 9px;
  top: 10px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: error-color;
  animation-name: error-color;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.editor-panel .tab-content {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.editor-panel .ace_editor {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-top: 1px solid #222;
}
.editor-panel .controls {
  border-top: 1px solid #222;
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  bottom: 0;
  background: #222;
  text-align: center;
  padding: 15px 0;
  overflow: hidden;
}
.editor-panel .controls button {
  background: transparent;
  border: 0;
  text-align: center;
  outline: none;
  margin-bottom: 10px;
}
.editor-panel .controls button i {
  border: 3px solid #555;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  color: #888;
  font-size: 16px;
  padding-top: 10px;
  vertical-align: middle;
}
.editor-panel .controls button span {
  display: block;
  font-size: 10px;
  color: #888;
  margin-top: 3px;
  font-weight: bold;
}
.editor-panel .controls button:hover i {
  border-color: #888;
  color: #dbdbdb;
}
.editor-panel .controls button:hover span {
  color: #aaa;
}
.editor-panel .controls button:active {
  position: relative;
  top: 1px;
}
.editor-panel .controls button:disabled i {
  border-color: #333;
  color: #444 !important;
}
.editor-panel .controls button:disabled span {
  color: #444;
}
.editor-panel .controls button:disabled:active {
  top: 0 !important;
}
.editor-panel .controls button.submit:hover i {
  color: #a3dda3;
}
.editor-panel .controls button.reset:hover i {
  color: #dd9994;
}
.editor-panel.popped {
  top: 0 !important;
}
@keyframes error-color {
  0% {
    color: #ff4f4f;
  }
  50% {
    color: #ffc2a8;
  }
  100% {
    color: #ff4f4f;
  }
}
@-webkit-keyframes error-color {
  0% {
    color: #ff4f4f;
  }
  50% {
    color: #ffc2a8;
  }
  100% {
    color: #ff4f4f;
  }
}
section.memory .memory-controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  bottom: 0;
  background-color: #3B3E40;
  border-top: 1px solid #333;
}
section.memory .memory-controls .md-button {
  width: 35px;
  font-size: 14px;
  border-radius: 0;
}
section.memory .memory-controls .md-button i {
  margin-right: 0;
}
section.memory .memory-content {
  position: absolute;
  top: 0;
  right: 0;
  left: 35px;
  bottom: 0;
  overflow: auto;
}
section.memory .memory-content--main {
  background-color: #2b2b2b;
  color: #a9b7c6;
  font-family: Monaco, Menlo, 'Ubuntu Mono', Consolas, source-code-pro, monospace;
  font-size: 12px;
}
section.memory .memory-watches-container {
  display: table;
  width: 100%;
}
section.memory .memory-watch {
  display: table-row;
}
section.memory .memory-watch .memory-watch-expression {
  display: table-cell;
  background-color: #474B4E;
  width: 385px;
  padding: 2px 8px;
  border-bottom: 1px solid #545758;
  position: relative;
  vertical-align: top;
}
section.memory .memory-watch .memory-watch-expression .memory-watch-remove {
  display: none;
  position: absolute;
  right: 3px;
  top: 2px;
  font-size: 16px;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
section.memory .memory-watch .memory-watch-expression:hover .memory-watch-remove {
  display: block;
}
section.memory .memory-watch .memory-watch-expression:hover .memory-watch-remove:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
section.memory .memory-watch .memory-watch-value {
  display: table-cell;
  padding: 2px 8px;
  border-bottom: 1px solid #373737;
  cursor: pointer;
}
section.memory .memory-watch .memory-watch-value:hover {
  background-color: #373B41;
}
section.memory .memory-watch .memory-watch-value.incorrect {
  color: #666;
}
section.memory .memory-watch .memory-watch-value.incorrect:hover {
  cursor: default;
  background-color: transparent;
}
section.memory .memory-watch .memory-watch-value.value-loading {
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent) !important;
  background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent) !important;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
  -webkit-animation: progress-bar-stripes 2s linear infinite !important;
  -moz-animation: progress-bar-stripes 2s linear infinite !important;
  -ms-animation: progress-bar-stripes 2s linear infinite !important;
  -o-animation: progress-bar-stripes 2s linear infinite !important;
  animation: progress-bar-stripes 2s linear infinite !important;
}
section.memory .memory-watch .memory-watch-value i {
  color: #666;
}
section.memory .memory-watch .memory-watch-editing {
  display: table-cell;
  padding: 2px 8px 0 8px;
  border-bottom: 1px solid #373737;
}
section.memory .memory-watch .memory-watch-editing .editing-controls {
  padding: 2px 0;
}
section.memory .memory-watch .memory-watch-editing .editing-controls button {
  padding: 2px 6px;
  font-size: 14px;
}
section.memory .memory-watch .memory-watch-editing .editing-controls button.watch-delete {
  margin-left: 20px;
}
section.memory .memory-watch .memory-watch-editing .editing-controls button span {
  font-size: 12px;
  font-family: Arial, sans-serif;
}
section.memory .memory-watch .memory-watch-editing .editing-controls .memory-size {
  display: inline-block;
  color: #666;
  margin-left: 20px;
}
section.memory .memory-watch.memory-new-watch {
  display: block;
  border-bottom: 1px solid #373737;
  width: 100%;
}
section.memory .memory-watch.memory-new-watch input {
  background: #242424;
  border: 0;
  width: 100%;
  padding: 5px 8px;
}
section.memory .memory-watch.memory-new-watch input::-webkit-input-placeholder {
  color: #666;
}
section.memory .memory-watch.memory-new-watch input::-moz-placeholder {
  color: #666;
}
section.memory .memory-watch.memory-root-watch .memory-watch-expression {
  font-style: italic;
  color: #7c8794;
}
section.memory .memory-watch.memory-selected-object-watch .memory-watch-expression {
  background-color: #3F51B5;
  color: white;
}
section.memory .memory-watch:first-child .memory-watch-expression {
  border-top: 1px solid #333;
}
section.memory .memory-watch:first-child .memory-watch-value {
  border-top: 1px solid #222;
}
section.memory .memory-segment-controls {
  background-color: #353535;
  padding: 0 7px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 30px;
  line-height: 30px;
}
section.memory .memory-segment-controls label {
  display: inline-block;
  color: #7B7B7B;
  font-size: 9px;
  text-transform: uppercase;
  margin-right: 5px;
}
section.memory .memory-segment-controls select {
  background-color: #464646;
  color: #aaa;
  border: 0;
  padding: 0 3px;
  cursor: pointer;
  margin-right: 10px;
}
section.memory .memory-segment-controls .md-button {
  padding: 0 6px;
  line-height: 22px;
}
section.memory .memory-segment-controls .md-button .fa {
  margin-right: 0;
}
section.memory .memory-segment-controls--loading {
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent) !important;
  background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent) !important;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
  -webkit-animation: progress-bar-stripes 2s linear infinite !important;
  -moz-animation: progress-bar-stripes 2s linear infinite !important;
  -ms-animation: progress-bar-stripes 2s linear infinite !important;
  -o-animation: progress-bar-stripes 2s linear infinite !important;
  animation: progress-bar-stripes 2s linear infinite !important;
}
section.memory .memory-segment-content {
  background-color: #2b2b2b;
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 7px;
  color: #a9b7c6;
  font-family: Monaco, Menlo, 'Ubuntu Mono', Consolas, source-code-pro, monospace;
  font-size: 12px;
  border: 0;
  width: 100%;
  resize: none;
}
section.memory .memory-segment-content::-webkit-input-placeholder {
  color: #888;
}
section.memory .memory-segment-content::-moz-placeholder {
  color: #888;
}
.dlg-clone-branch p {
  margin-bottom: 5px !important;
}
.dlg-clone-branch .warn {
  color: #FF9800;
}
.dlg-clone-branch input {
  margin-left: 0 !important;
}
section.script .cpu-error {
  display: none;
}
section.script.has-cpu-error > section {
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  bottom: 0;
}
section.script.has-cpu-error .cpu-error {
  display: block;
  background-color: #8a4746;
  color: #FFDEDE;
  padding: 0px 5px;
  font-size: 12px;
  line-height: 25px;
}
section.script.has-cpu-error .cpu-error a {
  color: #FFDEDE;
  text-decoration: underline;
}
section.script .ace_editor {
  left: 210px !important;
}
section.script .binary-contents {
  background: #313335;
  color: #a9b7c6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 210px;
  right: 0;
  bottom: 0;
  font-size: 17px;
}
section.script .binary-contents__size {
  color: #7e8a97;
}
section.script .binary-contents__empty {
  color: #878779;
}
section.script .binary-contents__drop-note {
  color: #878779;
  font-size: 13px;
}
section.script .binary-contents__help {
  font-size: 13px;
  margin-top: 30px;
}
section.script .binary-contents .md-button {
  margin-top: 20px;
  padding: 10px 20px;
}
section.script .binary-contents__drop {
  border: 1px solid #55595d;
  padding: 20px;
  text-align: center;
  border-radius: 3px;
}
section.script .binary-contents__drop.file-drop--active {
  background: #3c4045;
}
section.script .branches-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 210px;
  bottom: 0;
  overflow: auto;
  background-color: #3B3E40;
  border-top: 1px solid #333;
}
section.script .branches-list .note {
  font-size: 9px;
  text-transform: uppercase;
  color: #888;
  margin-bottom: 8px;
  padding: 10px 0 5px 7px;
}
section.script .branches-list .fa-remove {
  position: absolute;
  right: 7px;
  top: 7px;
  color: #666;
  cursor: pointer;
}
section.script .branches-list .fa-remove:hover {
  color: #aaa;
}
section.script .branches-list .branch-item {
  position: relative;
  padding: 5px 7px;
  color: #ddd;
  width: 100%;
  height: 32px;
}
section.script .branches-list .branch-item .branch-name {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 32px;
  padding: 0 7px;
}
section.script .branches-list .branch-item .branch-name:hover {
  background-color: #494D50;
}
section.script .branches-list .branch-item .branch-name span {
  vertical-align: middle;
  font-size: 13px;
}
section.script .branches-list .branch-active {
  display: inline-block;
  margin-left: 6px;
  font-size: 9px;
  text-transform: uppercase;
  color: #7986CB;
  line-height: 32px;
  vertical-align: middle;
}
section.script .branches-list .branch-item-controls .md-button {
  width: 22px;
  height: 22px;
  padding: 0;
}
section.script .branch-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 210px;
  height: 30px;
  background-color: #3B3E40;
  border-top: 1px solid #333;
  color: #bbb;
  font-size: 12px;
  padding: 0 7px;
  vertical-align: middle;
  line-height: 30px;
}
section.script .branch-block .branch-note {
  display: inline-block;
  color: #7B7B7B;
  font-size: 9px;
  text-transform: uppercase;
}
section.script .branch-block .branch-name {
  font-weight: bold;
}
section.script .branch-block .branch-name[href] {
  color: #7986CB;
}
section.script .branch-block .branch-name[href]:hover {
  text-decoration: underline;
}
section.script .branch-block .branch-controls {
  float: right !important;
}
section.script .branch-block .branch-controls button {
  height: 25px;
  width: 25px;
  line-height: 25px;
  padding: 0;
  font-size: 16px;
}
section.script .modules-list {
  border-top: 1px solid #333;
  position: absolute;
  top: 30px;
  left: 0;
  width: 210px;
  bottom: 0;
  background: #474B4E;
  padding-top: 5px;
  overflow: auto;
}
section.script .modules-list.nw {
  bottom: 30px;
}
section.script .modules-list .header {
  text-transform: uppercase;
  font-size: 9px;
  color: #888;
  padding: 5px 0 5px 7px;
}
section.script .modules-list .module-item {
  padding: 2px 7px;
  color: #bbb;
  font-size: 11px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
section.script .modules-list .module-item:hover {
  background-color: #52595D;
}
section.script .modules-list .module-item:hover .remove {
  display: block;
}
section.script .modules-list .module-item.active {
  background-color: #4b6eaf;
}
section.script .modules-list .module-item.active .remove {
  color: #aaa;
}
section.script .modules-list .module-item.active .module-item__binary {
  color: #bbb;
}
section.script .modules-list .module-item.main {
  margin-bottom: 7px;
}
section.script .modules-list .module-item__binary {
  display: inline-block;
  margin-left: 3px;
  color: #777;
}
section.script .modules-list .module-item .remove {
  display: none;
  position: absolute;
  right: 5px;
  top: 3px;
  font-size: 12px;
  color: #777;
}
section.script .modules-list .module-item .remove:hover {
  color: #ccc;
}
section.script .modules-list .divider {
  margin: 5px 0;
  height: 1px;
}
section.script .modules-list .add-new {
  margin: 0 0 5px 7px;
  display: flex;
}
section.script .modules-list .add-new input {
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #555;
  color: #ddd;
  padding: 2px 0;
  font-size: 10px;
  outline: none;
  margin: 5px 0 0 0;
}
section.script .modules-list .add-new input::-webkit-input-placeholder {
  color: #888;
}
section.script .modules-list .add-new input.ng-invalid.ng-dirty {
  color: #e48a94;
}
section.script .modules-list .add-new .dropdown-toggle {
  padding: 0 4px 0 3px;
  margin: 0 2px;
  color: #bbb;
  margin-left: 3px;
}
section.script .modules-list .add-new .dropdown-menu a {
  font-size: 12px;
}
section.script .open-folder {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 210px;
  height: 30px;
  background-color: #3B3E40;
  border-top: 1px solid #333;
  font-size: 12px;
  padding: 0 7px;
  vertical-align: middle;
  line-height: 30px;
  color: #7986CB;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
section.script .open-folder .fa {
  margin-right: 3px;
}
section.script .open-folder:hover {
  border-top: 1px solid #444;
  background-color: #494d4f;
}
section.game {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
section.game .game-switch-container.ng-enter {
  transition: opacity 1s;
  opacity: 0;
  filter: alpha(opacity=0);
}
section.game .game-switch-container.ng-enter.ng-enter-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
section.lobby-arena {
  max-width: 900px;
  margin: 30px auto 0 auto;
  font-family: Roboto, sans-serif;
  color: #ccc;
}
section.game-lobby {
  max-width: 900px;
  margin: 30px auto 0 auto;
  font-family: Roboto, sans-serif;
  color: #ccc;
}
section.game-lobby .lobby-item {
  display: block;
  padding: 30px;
  text-align: left;
  background: #333;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
  margin: 15px 0;
  min-height: 210px;
  position: relative;
  transition: transform 0.3s, box-shadow 0.3s;
  text-decoration: none;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #333 0%, #2a2a2a 100%);
  background-image: -o-linear-gradient(top, #333 0%, #2a2a2a 100%);
  background-image: linear-gradient(to bottom, #333 0%, #2a2a2a 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff2a2a2a', GradientType=0);
}
section.game-lobby .lobby-item.lobby-first-item h1 {
  font-size: 40px;
}
section.game-lobby .lobby-item.lobby-first-item .lobby-description {
  font-size: 17px;
}
section.game-lobby .lobby-item.disabled .lobby-rank {
  background-color: #222;
  color: #888;
}
section.game-lobby .lobby-item:hover {
  -webkit-transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -o-transform: translate(0, -8px);
  transform: translate(0, -8px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
}
section.game-lobby .lobby-item h1 {
  color: #FFD180;
  margin-top: 0;
  font-size: 30px;
  margin-bottom: 10px;
}
section.game-lobby .lobby-item .lobby-description {
  color: #999;
  font-size: 15px;
}
section.game-lobby .lobby-item .lobby-rank {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #3F51B5;
  color: white;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
section.game-lobby .lobby-item .lobby-rank .lobby-rank-title {
  float: left !important;
  padding: 0 30px;
  vertical-align: baseline;
  line-height: 50px;
  text-transform: uppercase;
  font-size: 12px;
}
section.game-lobby .lobby-item .lobby-rank .lobby-rank-value {
  float: right !important;
  padding: 0 30px;
  font-size: 25px;
  vertical-align: baseline;
  line-height: 50px;
}
section.lobby-generic .header-jumbotron {
  position: relative;
}
section.lobby-generic .header-jumbotron .play-button {
  float: right !important;
  padding: 10px 20px;
  font-size: 24px;
  margin: 10px 0 10px 20px;
}
section.lobby-generic .header-jumbotron .play-button span {
  margin-left: 10px;
}
section.lobby-generic .header-jumbotron .lobby-back {
  width: 40px;
  height: 40px;
  position: absolute;
  left: -20px;
  top: 42px;
  padding: 0;
}
section.lobby-generic .header-jumbotron .lobby-back .fa {
  line-height: 40px;
}
section.lobby-generic .leaderboard {
  text-align: left;
  padding: 30px;
}
section.lobby-generic .leaderboard h2 {
  color: #ddd;
  margin: 0;
}
section.lobby-generic .leaderboard h2 .switch-season {
  display: inline-block;
  color: #FFB74D;
  cursor: pointer;
  position: relative;
  top: -1px;
}
section.lobby-generic .leaderboard h2 .switch-season .fa {
  font-size: 15px;
  margin-left: 5px;
}
section.lobby-generic .leaderboard h2 .switch-season:hover {
  color: #FFD180;
}
section.lobby-generic .leaderboard .search {
  position: relative;
}
section.lobby-generic .leaderboard .search input {
  width: 300px;
}
section.lobby-generic .leaderboard .search .fa {
  color: #777;
  vertical-align: middle;
}
section.lobby-generic .leaderboard .map {
  float: right !important;
  width: 80px;
  height: 80px;
  background: #111;
  position: relative;
  cursor: pointer;
  z-index: 3;
}
section.lobby-generic .leaderboard .map .cover {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  left: 0;
  top: 0;
}
section.lobby-generic .leaderboard .map .cover.ng-hide-add,
section.lobby-generic .leaderboard .map .cover.ng-hide-remove {
  display: block !important;
  transition: opacity 0.3s;
}
section.lobby-generic .leaderboard .map .cover.ng-hide-add.ng-hide-add-active,
section.lobby-generic .leaderboard .map .cover.ng-hide-remove {
  opacity: 0;
  filter: alpha(opacity=0);
}
section.lobby-generic .leaderboard .map .cover.ng-hide-add,
section.lobby-generic .leaderboard .map .cover.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
section.lobby-generic .leaderboard .map img {
  width: 80px;
  height: 80px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  background-size: contain;
}
section.lobby-generic .leaderboard .map img.animated {
  transition: left .3s, top .3s, width .3s, height .3s;
  z-index: 1000;
  position: fixed;
}
section.lobby-generic .leaderboard .my-rank-block {
  border-radius: 10px;
  border: 5px solid rgba(255, 183, 77, 0.2);
  text-align: center;
  display: inline-block;
  float: right !important;
  width: 100px;
  height: 80px;
  margin-right: 10px;
  padding: 12px 10px 0 10px;
  z-index: 1;
  position: relative;
}
section.lobby-generic .leaderboard .my-rank-block .my-rank-title {
  font-size: 10px;
  color: #FFB74D;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
section.lobby-generic .leaderboard .my-rank-block .my-rank-value {
  font-size: 28px;
  font-weight: bold;
  color: #FFB74D;
  text-decoration: none;
}
section.lobby-generic .leaderboard .my-rank-block a.my-rank-value:hover {
  color: #FFD180;
  text-decoration: underline;
}
section.lobby-generic .leaderboard .table {
  margin-top: 30px;
  padding: 30px;
  margin-right: -30px;
}
section.lobby-generic .leaderboard .table tr {
  transition: font-size 0.3s;
}
section.lobby-generic .leaderboard .table tr:first-child th {
  border-top: 0;
  color: #666;
}
section.lobby-generic .leaderboard .table tr td,
section.lobby-generic .leaderboard .table tr th {
  border: 0;
  vertical-align: middle;
  padding: 5px 8px;
}
section.lobby-generic .leaderboard .table tr td:last-child,
section.lobby-generic .leaderboard .table tr th:last-child {
  text-align: right;
}
section.lobby-generic .leaderboard .table tr td:first-child,
section.lobby-generic .leaderboard .table tr th:first-child {
  width: 1px;
  text-align: center;
}
section.lobby-generic .leaderboard .table tr td.score .md-button,
section.lobby-generic .leaderboard .table tr th.score .md-button {
  text-decoration: none;
  color: #ccc;
}
section.lobby-generic .leaderboard .table tr td.score .md-button .fa,
section.lobby-generic .leaderboard .table tr th.score .md-button .fa {
  margin-right: 5px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 14px;
  vertical-align: middle;
}
section.lobby-generic .leaderboard .table tr td.score .md-button span,
section.lobby-generic .leaderboard .table tr th.score .md-button span {
  vertical-align: middle;
}
section.lobby-generic .leaderboard .table tr td.score > span,
section.lobby-generic .leaderboard .table tr th.score > span {
  display: inline-block;
  padding: 0 6px;
  line-height: 33px;
}
section.lobby-generic .leaderboard .table tr td img,
section.lobby-generic .leaderboard .table tr th img {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  border-radius: 100%;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}
section.lobby-generic .leaderboard .table tr:nth-child(odd) td,
section.lobby-generic .leaderboard .table tr:nth-child(odd) th {
  background: rgba(255, 255, 255, 0.02);
}
section.lobby-generic .leaderboard .table tr.highlight {
  font-size: 2em;
}
section.lobby-generic .leaderboard .empty {
  font-family: Roboto, sans-serif;
  font-weight: 200;
  font-size: 25px;
  text-align: center;
  margin-top: 30px;
  color: #888;
}
section.lobby-survival {
  max-width: 900px;
  margin: 30px auto 0 auto;
  font-family: Roboto, sans-serif;
  color: #ccc;
}
section.lobby-world {
  max-width: 900px;
  margin: 30px auto 0 auto;
  font-family: Roboto, sans-serif;
  color: #ccc;
}
section.lobby-world .lobby-back {
  top: 29px !important;
}
.market-all-orders {
  padding: 30px;
  font-size: 15px;
}
.market-all-orders__resources-index {
  clear: both;
  padding-top: 10px;
}
.market-all-orders .market-resource {
  background: #333;
  padding: 8px 10px;
  margin-top: 3px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
  color: #eee;
}
.market-all-orders .market-resource:hover {
  background: #444;
}
.market-all-orders .market-resource .resource-name img {
  margin-right: 3px;
}
.market-all-orders .market-resource .resource-orders {
  color: #999;
}
.market-all-orders .ui-drop-group .toggle-text {
  color: #aaa;
}
.market-all-orders .ui-drop-group .toggle-text b {
  color: #ddd;
  font-weight: 500;
}
.market-all-orders-resource {
  padding: 30px;
}
.market-all-orders-resource .btn-group {
  margin-left: 10px;
}
.market-all-orders-resource .orders-back {
  color: #ccc ;
}
.market-all-orders-resource .orders-back .fa {
  font-size: 10px;
  margin-right: 5px;
}
.market-all-orders-resource .resource-header {
  margin-top: 20px;
  font-size: 23px;
  color: #eee;
}
.market-all-orders-resource .resource-header img {
  margin-right: 5px;
}
.market-all-orders-resource .resource-header__title {
  font-size: 14px;
  color: #999;
}
.market-all-orders-resource .ui-drop-group .toggle-text {
  color: #aaa;
}
.market-all-orders-resource .ui-drop-group .toggle-text b {
  color: #ddd;
  font-weight: 500;
}
.market-history {
  padding-top: 30px;
}
.market-history .market-history-description .fa {
  cursor: help;
  margin-left: 5px;
  color: #555;
}
.market {
  max-width: 900px;
  margin: 30px auto 0 auto;
  font-family: Roboto, sans-serif;
  color: #ccc;
  font-weight: 300;
}
.market .header-jumbotron h1 {
  margin-bottom: 10px;
}
.market .subnav {
  margin: 20px -30px -30px -30px;
  background: #333;
  font-size: 15px;
}
.market .subnav a {
  display: inline-block;
  padding: 10px 30px;
  color: #ccc;
  cursor: pointer;
  text-decoration: none;
}
.market .subnav a.active {
  color: #FFD180;
  border-bottom: 3px solid #FFD180;
}
.market .subnav a:hover {
  color: #FFD180;
}
.market .market-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
}
.orders-table {
  margin-top: 20px;
}
.orders-table__target-room {
  float: right;
  width: 190px;
  text-align: right;
}
.orders-table__target-room label {
  display: inline-block;
  font-weight: 300;
  color: #999;
}
.orders-table__target-room md-input-container {
  margin: 0;
  padding-bottom: 5px;
  width: 80px;
  display: inline-block;
}
.orders-table__target-room md-input-container .md-errors-spacer {
  display: none;
}
.orders-table__header {
  font-size: 20px;
  margin-bottom: 10px;
  color: #FFD180;
}
.orders-table__table {
  width: 100%;
}
.orders-table__table.orders-table__table--overflow {
  max-height: 300px;
  overflow: auto;
}
.orders-table__table.orders-table__table--sortable th {
  cursor: pointer;
  width: 15%;
}
.orders-table__table.orders-table__table--sortable th:first-child {
  width: 25%;
}
.orders-table__table.orders-table__table--sortable th:hover {
  background: #333;
}
.orders-table__table table {
  width: 100%;
}
.orders-table__table th {
  color: #999;
  background: #222;
}
.orders-table__table td,
.orders-table__table th {
  padding: 5px 10px;
  border-bottom: 1px solid #333;
  font-weight: 300;
  text-align: right;
}
.orders-table__table td:first-child,
.orders-table__table th:first-child {
  text-align: left;
}
.orders-table__table td.red,
.orders-table__table th.red {
  color: #ff8f8f;
}
.orders-table__table td.green,
.orders-table__table th.green {
  color: #a4ffa4;
}
.orders-table__table td.orders-table__col--left,
.orders-table__table th.orders-table__col--left {
  text-align: left;
}
.orders-table__table td img,
.orders-table__table th img {
  margin-right: 6px;
}
.orders-table__table td.order-id {
  font-size: 11px;
  color: #999;
}
.orders-table__table td.order-remaining {
  color: #999;
}
.orders-table__table .number-fraction {
  color: #999;
}
.orders-table__table .mute {
  color: #999;
  font-size: 0.9em;
  min-width: 5.5em;
  display: inline-block;
}
.orders-table__empty {
  font-size: 18px;
  color: #888;
  background: #222;
  padding: 10px 20px;
  text-align: center;
}
.market-my-orders {
  padding-top: 30px;
}
.market-my-orders .orders-table h2 {
  color: #FFD180;
  margin-bottom: 10px;
}
.market-my-orders .orders-table__shard-title {
  display: inline;
  font-weight: 300;
  color: #aaa;
}
section.game-overview {
  max-width: 900px;
  margin: 30px auto 0 auto;
  font-family: Roboto, sans-serif;
  color: #ccc;
}
section.game-overview .header-jumbotron {
  padding: 18px 30px;
  margin-bottom: 20px;
  position: relative;
}
section.game-overview .header-jumbotron h1 {
  margin-bottom: 0;
}
section.game-overview .header-jumbotron .fab-back {
  top: 16px;
}
section.game-overview .header-jumbotron .btn-more {
  float: right !important;
  position: relative;
  left: 10px;
}
section.game-overview .header-jumbotron .btn-more .dropdown-toggle {
  padding: 0 20px;
  font-size: 24px;
}
section.game-overview .header-jumbotron .btn-more .dropdown-toggle .toggle-text {
  vertical-align: middle;
}
section.game-overview .header-jumbotron .btn-more .caret {
  display: none;
}
section.game-overview .row {
  margin: 0;
}
section.game-overview .row > * {
  padding: 0;
}
section.game-overview .overview-block {
  background: #222;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 20px 10px;
  text-align: left;
}
section.game-overview .overview-block h2 {
  margin: 0 0 10px 0;
  color: #ffd180;
}
section.game-overview .overview-block .overview-rank-left {
  position: relative;
  height: 75px;
  display: flex;
  align-items: center;
}
section.game-overview .overview-block .overview-rank-left .overview-level-icon {
  display: inline-block;
  border-radius: 100%;
  font-size: 30px;
  width: 73px;
  height: 73px;
  font-weight: bold;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
  text-align: center;
  padding-top: 19px;
  margin-right: 15px;
}
section.game-overview .overview-block .overview-rank-left .overview-level-icon .overview-level-icon-title {
  font-size: 11px;
  font-weight: 300;
  line-height: 0.4;
}
section.game-overview .overview-block .overview-rank-left .overview-level-icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 73px;
  height: 73px;
}
section.game-overview .overview-block .overview-rank-left .overview-level-icon svg path,
section.game-overview .overview-block .overview-rank-left .overview-level-icon svg ellipse {
  fill: transparent;
  stroke-width: 10;
}
section.game-overview .overview-block .overview-rank-left .overview-level-icon svg ellipse {
  opacity: 0.2;
}
section.game-overview .overview-block.overview-gcl .overview-level-icon {
  color: #A7FFEB;
}
section.game-overview .overview-block.overview-gcl .overview-level-icon svg path,
section.game-overview .overview-block.overview-gcl .overview-level-icon svg ellipse {
  stroke: #4DB6AC;
}
section.game-overview .overview-block.overview-gcl .gcl-title {
  color: #A7FFEB;
  font-size: 15px;
  font-weight: 300;
}
section.game-overview .overview-block.overview-gcl .gcl-rooms,
section.game-overview .overview-block.overview-gcl .gcl-cpu {
  display: inline-block;
  font-size: 13px;
  color: #999;
}
section.game-overview .overview-block.overview-gcl .gcl-rooms strong,
section.game-overview .overview-block.overview-gcl .gcl-cpu strong {
  color: #ccc;
  font-weight: normal;
}
section.game-overview .overview-block.overview-gcl .gcl-rooms.gcl-cpu,
section.game-overview .overview-block.overview-gcl .gcl-cpu.gcl-cpu {
  margin-left: 9px;
}
section.game-overview .overview-block.overview-gcl .gcl-rooms.gcl-cpu.gcl-cpu--limited strong,
section.game-overview .overview-block.overview-gcl .gcl-cpu.gcl-cpu.gcl-cpu--limited strong {
  color: #f77;
}
section.game-overview .overview-block.overview-gcl .gcl-rooms.gcl-cpu.gcl-cpu--limited .fa,
section.game-overview .overview-block.overview-gcl .gcl-cpu.gcl-cpu.gcl-cpu--limited .fa {
  margin-left: 3px;
  color: #f77;
  text-decoration: none !important;
}
section.game-overview .overview-block.overview-gcl .gcl-rooms.gcl-cpu.gcl-cpu--limited .tooltip,
section.game-overview .overview-block.overview-gcl .gcl-cpu.gcl-cpu.gcl-cpu--limited .tooltip {
  width: 200px !important;
}
section.game-overview .overview-block.overview-gcl .rank-icon,
section.game-overview .overview-block.overview-gcl .rank-icon-empty {
  color: #A7FFEB;
}
section.game-overview .overview-block.overview-power .overview-level-icon {
  color: #FF9A9A;
  font-size: 26px;
}
section.game-overview .overview-block.overview-power .overview-level-icon svg path,
section.game-overview .overview-block.overview-power .overview-level-icon svg ellipse {
  stroke: #C54444;
}
section.game-overview .overview-block.overview-power .power-title {
  color: #FF9A9A;
  font-size: 15px;
  font-weight: 300;
}
section.game-overview .overview-block.overview-power .rank-icon,
section.game-overview .overview-block.overview-power .rank-icon-empty {
  color: #FF9A9A;
}
section.game-overview .overview-block.overview-power .overview-power-btn {
  border: 1px solid #C54444;
  color: #ffb7ba;
  margin-top: 4px;
  font-weight: 300;
  font-size: 11px;
}
section.game-overview .overview-block.overview-power .overview-power-btn:hover {
  background: rgba(197, 68, 68, 0.1);
}
section.game-overview .overview-block .overview-rooms {
  margin-top: 20px;
  position: relative;
}
section.game-overview .overview-block .overview-rooms .room-preview {
  display: inline-block;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  margin-right: 15px;
}
section.game-overview .overview-block .overview-rooms .room-preview canvas {
  position: absolute;
  left: 0;
  top: 0;
}
section.game-overview .overview-block .overview-rooms .overview-shard__title {
  display: inline;
  font-weight: 300;
  color: #aaa;
}
section.game-overview .overview-block .overview-rooms.overview-rooms-grid .room-preview {
  width: 150px;
  height: 150px;
  margin-bottom: 15px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.3);
}
section.game-overview .overview-block .overview-rooms.overview-rooms-grid .room-preview img {
  width: 150px;
  height: 150px;
}
section.game-overview .overview-block .overview-rooms.overview-rooms-grid .room-preview .room-title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background-color: rgba(63, 81, 181, 0.8);
  transition: bottom .2s;
  color: white;
}
section.game-overview .overview-block .overview-rooms.overview-rooms-grid .room-preview .room-title i {
  width: 30px;
  height: 30px;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  line-height: 30px;
  font-size: 14px;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
section.game-overview .overview-block .overview-rooms.overview-rooms-grid .room-preview .room-title i:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
section.game-overview .overview-block .overview-rooms.overview-rooms-grid .room-preview:hover .room-title {
  bottom: 0;
}
section.game-overview .overview-block .overview-rooms.overview-rooms-list {
  margin-top: 40px;
}
section.game-overview .overview-block .overview-rooms.overview-rooms-list .room-item {
  position: relative;
  padding: 10px 0;
  border-top: 1px solid #333;
}
section.game-overview .overview-block .overview-rooms.overview-rooms-list .room-preview {
  width: 50px;
  height: 50px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  vertical-align: middle;
}
section.game-overview .overview-block .overview-rooms.overview-rooms-list .room-preview img {
  width: 50px;
  height: 50px;
}
section.game-overview .overview-block .overview-rooms.overview-rooms-list .room-title {
  display: inline-block;
  width: 100px;
  cursor: pointer;
  vertical-align: middle;
  line-height: 50px;
}
section.game-overview .overview-block .overview-rooms.overview-rooms-list .punchcard {
  position: absolute;
  right: 0;
  top: 0;
}
section.game-overview .overview-block .overview-rooms-controls {
  float: right !important;
  white-space: nowrap;
}
section.game-overview .overview-block .overview-rooms-controls label {
  color: #666;
  margin-right: 5px;
}
section.game-overview .overview-block .overview-rooms-controls button {
  min-width: 30px;
  height: 30px;
  margin-right: 5px;
}
section.game-overview .overview-block .overview-rooms-controls .controls-group {
  display: inline-block;
  margin-right: 25px;
}
section.game-overview .overview-block .overview-rooms-controls .ui-drop-group {
  top: -2px;
}
section.game-overview .overview-block.overview-rank-block {
  display: flex;
  font-weight: 300;
  position: relative;
}
section.game-overview .overview-block.overview-rank-block .overview-rank-right {
  margin-left: 15px;
  border-left: 1px solid #444;
  padding: 5px 0 5px 15px;
  flex-grow: 1;
  align-self: center;
  font-size: 13px;
}
section.game-overview .overview-block.overview-rank-block .rank-icon {
  font-size: 24px;
  display: inline-block;
  margin-right: 5px;
}
section.game-overview .overview-block.overview-rank-block .rank-icon-empty {
  display: inline-block;
}
section.game-overview .overview-block.overview-rank-block .rank-season {
  display: inline-block;
}
section.game-overview .overview-block.overview-rank-block .rank-leaderboard {
  display: block;
}
section.game-overview .overview-block.overview-rank-block .overview-rank-help {
  position: absolute;
  top: 3px;
  right: 8px;
  color: #383838;
  font-size: 20px;
  cursor: pointer;
}
section.game-overview .overview-block.overview-rank-block .overview-rank-help:hover {
  color: #777;
}
section.game-overview-room {
  max-width: 900px;
  margin: 30px auto 0 auto;
  font-family: Roboto, sans-serif;
  color: #ccc;
}
section.game-overview-room .header-jumbotron {
  position: relative;
}
section.game-overview-room .header-jumbotron .back {
  vertical-align: top;
}
section.game-overview-room .header-jumbotron .subtitle {
  margin-top: 5px;
}
section.game-overview-room .header-jumbotron .subtitle span {
  color: #eee;
}
section.game-overview-room .header-jumbotron .subtitle a {
  margin-left: 10px;
}
section.game-overview-room .header-jumbotron .subtitle a img {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  margin-right: 1px;
}
section.game-overview-room .header-jumbotron .room-preview {
  display: inline-block;
  position: absolute;
  right: 6px;
  top: calc(50% - 50px);
}
section.game-overview-room .header-jumbotron .room-preview img {
  width: 100px;
  height: 100px;
}
section.game-overview-room .header-jumbotron .room-preview canvas {
  position: absolute;
  top: 0;
  left: 0;
}
section.game-overview-room .profile-stats {
  margin: 0;
}
section.game-overview-room .stats-controls {
  margin: 10px 0 -15px 10px;
}
section.game-overview-room .overview-block {
  background: #222;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  padding: 20px;
  margin: 0 10px;
  text-align: left;
}
section.game-overview-room .overview-block h2 {
  margin: 0 0 10px 0;
  color: #ffd180;
}
section.game-overview-room .overview-block .overview-graph {
  margin-top: 20px;
}
section.game-overview-room .overview-block .overview-graph .graph-item {
  line-height: 50px;
  padding: 10px 0;
  border-top: 1px solid #333;
  position: relative;
  height: 70px;
}
section.game-overview-room .overview-block .overview-graph .graph-item label {
  color: #999;
}
section.game-overview-room .overview-block .overview-graph .graph-item .punchcard {
  position: absolute;
  right: 0;
  top: 0;
}
section.replay-list .table {
  color: #ccc;
}
section.replay-list .table td {
  cursor: pointer;
  border-top: 1px solid #444;
}
section.replay-list .table td a {
  cursor: pointer;
}
section.replay-list .table td a:visited {
  color: #263750;
}
section.replay-list .table tr:hover td {
  background-color: #333;
}
.construction-site .border {
  stroke: #ed5557;
}
.construction-site.owner .border {
  stroke: #8fbb93;
}
.construction-site .fill {
  fill: #ed5557;
}
.construction-site.owner .fill {
  fill: #8fbb93;
}
.struct-container .border {
  stroke: #ed5557;
}
.struct-container.owner .border {
  stroke: #8fbb93;
}
.struct-container.neutral .border {
  stroke: #aaa !important;
}
.controller .border {
  fill: #61c0ed;
}
.creep {
  position: absolute;
  width: 10%;
  height: 10%;
  transform: translateZ(0);
}
.creep.ng-hide-add,
.creep.ng-hide-remove {
  display: block !important;
  transition: opacity 0.5s;
}
.creep.ng-hide-add.ng-hide-add-active,
.creep.ng-hide-remove {
  opacity: 0;
  filter: alpha(opacity=0);
}
.creep.ng-hide-add,
.creep.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.creep > svg {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.creep g {
  transition: transform .3s !important;
}
.creep g.no-transition-anim {
  transition: none !important;
}
.creep text {
  paint-order: stroke;
  font-family: Roboto, serif;
  fill: #ed5557;
  text-anchor: middle;
  stroke: #222;
  stroke-width: 15;
}
.creep.owner text {
  fill: #8fbb93;
}
.creep .bodypart-move {
  stroke: #a9b7c6;
}
.creep .bodypart-work {
  stroke: #ffe56d;
}
.creep .bodypart-attack {
  stroke: #f93842;
}
.creep .bodypart-ranged_attack {
  stroke: #5d80b2;
}
.creep .bodypart-heal {
  stroke: #65fd62;
}
.creep .bodypart-claim {
  stroke: #b99cfb;
}
.creep.creep-transparent {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.no-anim .creep.anim-active {
  transition: none !important;
}
.anim-work {
  z-index: 13;
}
.creep-say text {
  stroke-width: 0 !important;
  fill: #111 !important;
  font-weight: bold;
  paint-order: stroke;
  font-family: Roboto, serif;
  text-anchor: middle;
  stroke: #222;
}
.display-options-block .children {
  padding-left: 10px;
}
.display-options-block i.toggle {
  float: right !important;
  padding: 5px;
  cursor: pointer;
  position: relative;
  top: -2px;
}
.display-options-block i.toggle:hover {
  background-color: #555;
}
section.dlg-arena-activation input {
  margin-left: 0 !important;
  font-size: 30px;
}
section.dlg-arena-activation .form-control {
  height: auto;
}
section.dlg-arena-activation .error {
  margin: 20px 0;
  color: #FF9800;
}
section.dlg-creep input {
  width: calc(100% - 10px);
}
section.dlg-creep label {
  position: relative;
  top: 8px;
}
section.dlg-creep .creep-body {
  margin-left: 10px;
  padding: 8px 10px;
  background: #333;
  min-height: 37px;
  border-radius: 3px;
}
section.dlg-creep .creep-body .bodypart {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
  margin-right: 5px;
  overflow: hidden;
  cursor: pointer;
}
section.dlg-creep .creep-body .bodypart.type-move {
  background-color: #a9b7c6;
}
section.dlg-creep .creep-body .bodypart.type-work {
  background-color: #ffe56d;
}
section.dlg-creep .creep-body .bodypart.type-attack {
  background-color: #f93842;
}
section.dlg-creep .creep-body .bodypart.type-ranged_attack {
  background-color: #5d80b2;
}
section.dlg-creep .creep-body .bodypart.type-heal {
  background-color: #65fd62;
}
section.dlg-creep .creep-body .bodypart.type-tough {
  background-color: #fff;
}
section.dlg-creep .creep-body .bodypart.type-carry {
  background-color: #777;
}
section.dlg-creep .creep-body .bodypart.type-claim {
  background-color: #b99cfb;
}
section.dlg-creep .creep-body .bodypart:hover {
  transform: scale(1.2);
}
section.dlg-creep .bodypart-selectors {
  margin-left: 10px;
  margin-top: 10px;
}
section.dlg-creep .bodypart-selectors .md-button {
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 11px;
  font-weight: bold;
  padding: 5px 7px;
  background-color: #333;
}
section.dlg-creep .bodypart-selectors .md-button.type-move {
  color: #a9b7c6;
}
section.dlg-creep .bodypart-selectors .md-button.type-work {
  color: #ffe56d !important;
}
section.dlg-creep .bodypart-selectors .md-button.type-attack {
  color: #f93842;
}
section.dlg-creep .bodypart-selectors .md-button.type-ranged_attack {
  color: #5d80b2;
}
section.dlg-creep .bodypart-selectors .md-button.type-heal {
  color: #65fd62;
}
section.dlg-creep .bodypart-selectors .md-button.type-tough {
  color: #fff;
}
section.dlg-creep .bodypart-selectors .md-button.type-carry {
  color: #777;
}
section.dlg-creep .bodypart-selectors .md-button.type-claim {
  color: #b99cfb;
}
.dlg-display-options-window .modal-dialog {
  width: 650px;
}
.dlg-display-options md-checkbox {
  margin-right: 10px !important;
}
.dlg-display-options__section {
  margin-bottom: 20px;
}
.dlg-display-options__section-label {
  text-transform: uppercase;
  font-size: 11px;
  color: #888;
  font-weight: 400;
}
.dlg-display-options__nested {
  margin-left: 10px !important;
}
.dlg-display-options label {
  margin-right: 10px;
  font-weight: 300;
  color: #999;
}
.dlg-display-options .ui-drop-group {
  margin: 5px 0;
}
.dlg-display-options__webgl-na {
  color: #FF9800;
}
section.dlg-flag .colors .color {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  margin: 5px;
  position: relative;
  top: 2px;
  cursor: pointer;
}
section.dlg-flag .colors .color.active {
  width: 26px;
  height: 26px;
  margin: 0;
  top: 0;
}
section.dlg-flag label {
  text-align: right;
  display: block;
  vertical-align: middle;
  line-height: 32px;
}
section.dlg-flag input {
  width: 255px;
  margin-left: 0 !important;
}
section.dlg-flag .row {
  margin-bottom: 5px;
}
section.dlg-flag .flag-sample {
  position: relative;
  width: 65px;
  height: 65px;
  background: #2b2b2b;
  overflow: hidden;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
  left: -20px;
}
section.dlg-flag .flag-sample .flag-sample-content {
  width: 1500px;
  height: 1500px;
  position: relative;
  left: -46px;
  top: -35px;
}
section.dlg-flag .overwrite-warning {
  display: inline-block;
  float: left;
  font-size: 12px;
  line-height: 30px;
  color: #FFD180;
}
.effect-icon-container {
  display: inline-block;
}
.effect-icon-container .effect-icon {
  width: 36px;
  height: 41px;
  margin: 0 8px 3px 0;
  position: relative;
}
.effect-icon-container .effect-icon img {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 3px;
  left: 3px;
}
.effect-icon-container .effect-icon__level {
  position: absolute;
  pointer-events: none;
}
.effect-icon-container .effect-icon__level path {
  fill: none;
  stroke: #ff5f5f;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .2;
}
.effect-icon-container .effect-icon__level.level--1 path:nth-child(-n+1),
.effect-icon-container .effect-icon__level.level--2 path:nth-child(-n+2),
.effect-icon-container .effect-icon__level.level--3 path:nth-child(-n+3),
.effect-icon-container .effect-icon__level.level--4 path:nth-child(-n+4),
.effect-icon-container .effect-icon__level.level--5 path:nth-child(-n+5) {
  opacity: 1;
}
.effect-icon-container .effect-icon__timer {
  position: absolute;
  bottom: 0;
  left: 8px;
  width: 20px;
  height: 3px;
  background: #565656;
  overflow: hidden;
}
.effect-icon-container .effect-icon__timer-progress {
  height: 3px;
  background: #afafaf;
}
.extension .border {
  stroke: #ed5557;
}
.extension.owner .border {
  stroke: #8fbb93;
}
.extractor .border {
  stroke: #ed5557;
}
.extractor.owner .border {
  stroke: #8fbb93;
}
.extractor.neutral .border {
  stroke: #aaa !important;
}
.flag text {
  paint-order: stroke;
  font-family: Roboto, serif;
  fill: #ddd;
  text-anchor: middle;
  stroke: #222;
  stroke-width: 3;
}
.flag-color-1 {
  background-color: #F44336;
  fill: #F44336 !important;
}
.flag-color-2 {
  background-color: #9C27B0;
  fill: #9C27B0 !important;
}
.flag-color-3 {
  background-color: #2196F3;
  fill: #2196F3 !important;
}
.flag-color-4 {
  background-color: #00BCD4;
  fill: #00BCD4 !important;
}
.flag-color-5 {
  background-color: #4CAF50;
  fill: #4CAF50 !important;
}
.flag-color-6 {
  background-color: #FFEB3B;
  fill: #FFEB3B !important;
}
.flag-color-7 {
  background-color: #FF9800;
  fill: #FF9800 !important;
}
.flag-color-8 {
  background-color: #795548;
  fill: #795548 !important;
}
.flag-color-9 {
  background-color: #9E9E9E;
  fill: #9E9E9E !important;
}
.flag-color-10 {
  background-color: #FFFFFF;
  fill: #FFFFFF !important;
}
.keeper-lair text {
  paint-order: stroke;
  font-family: Roboto, serif;
  fill: #ed5557;
  text-anchor: middle;
  stroke: #222;
  stroke-width: 15;
}
.keeper-lair .border {
  fill: #ed5557;
}
.lab .border {
  stroke: #ed5557;
}
.lab.owner .border {
  stroke: #8fbb93;
}
.lab.anim-shot {
  z-index: 19 !important;
}
.link .border {
  stroke: #ed5557;
}
.link.owner .border {
  stroke: #8fbb93;
}
.mineral text {
  font-family: Roboto, serif;
  text-anchor: middle;
  font-weight: bold;
}
.mineral.mineral-L text {
  fill: #89F4A5;
}
.mineral.mineral-L ellipse {
  stroke: #89F4A5;
  fill: #3F6147;
}
.mineral.mineral-U text {
  fill: #88D6F7;
}
.mineral.mineral-U ellipse {
  stroke: #88D6F7;
  fill: #1B617F;
}
.mineral.mineral-K text {
  fill: #9370FF;
}
.mineral.mineral-K ellipse {
  stroke: #9370FF;
  fill: #331A80;
}
.mineral.mineral-Z text {
  fill: #F2D28B;
}
.mineral.mineral-Z ellipse {
  stroke: #F2D28B;
  fill: #594D33;
}
.mineral.mineral-X text {
  fill: #FF7A7A;
}
.mineral.mineral-X ellipse {
  stroke: #FF7A7A;
  fill: #4F2626;
}
.mineral.mineral-H text {
  fill: #CCCCCC;
}
.mineral.mineral-H ellipse {
  stroke: #CCCCCC;
  fill: #4D4D4D;
}
.mineral.mineral-O text {
  fill: #CCCCCC;
}
.mineral.mineral-O ellipse {
  stroke: #CCCCCC;
  fill: #4D4D4D;
}
.nuke-target.anim-shot {
  z-index: 19 !important;
}
.nuker .border {
  stroke: #ed5557;
}
.nuker.owner .border {
  stroke: #8fbb93;
}
.observer .border {
  stroke: #ed5557;
}
.observer.owner .border {
  stroke: #8fbb93;
}
.observer .eye {
  fill: #ed5557;
}
.observer.owner .eye {
  fill: #8fbb93;
}
.portal .border {
  fill: #61c0ed;
}
.keeper-lair text {
  paint-order: stroke;
  font-family: Roboto, serif;
  fill: #ed5557;
  text-anchor: middle;
  stroke: #222;
  stroke-width: 15;
}
.keeper-lair .border {
  fill: #ed5557;
}
.power-spawn text {
  paint-order: stroke;
  font-family: Roboto, serif;
  fill: #ed5557;
  text-anchor: middle;
  stroke: #222;
  stroke-width: 15;
}
.power-spawn .border {
  stroke: #cccccc;
}
.power-spawn.owner text {
  fill: #8fbb93;
}
.rampart .border {
  stroke: #ed5557;
}
.rampart.owner .border {
  stroke: #8fbb93;
}
section.room {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.page-content.hide-ui section.room {
  bottom: 0 !important;
}
section.room .resize-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  border: 3px solid #333;
  background: transparent url('components/game/room/room-placeholder.png') repeat;
  background-size: 4%;
}
section.room .resize-placeholder.ng-enter,
section.room .resize-placeholder.ng-leave {
  transition: opacity 1s;
}
section.room .resize-placeholder.ng-leave.ng-leave-active,
section.room .resize-placeholder.ng-enter {
  opacity: 0;
  filter: alpha(opacity=0);
}
section.room .resize-placeholder.ng-leave,
section.room .resize-placeholder.ng-enter.ng-enter-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
section.room .resize-placeholder.ng-hide-add,
section.room .resize-placeholder.ng-hide-remove {
  display: block !important;
  transition: opacity 1s;
}
section.room .resize-placeholder.ng-hide-add.ng-hide-add-active,
section.room .resize-placeholder.ng-hide-remove {
  opacity: 0;
  filter: alpha(opacity=0);
}
section.room .resize-placeholder.ng-hide-add,
section.room .resize-placeholder.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
section.room .game-field-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
section.room .game-field-container.pan-active {
  cursor: move;
}
section.room .game-field {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
section.room .game-field.ng-enter,
section.room .game-field.ng-leave {
  transition: opacity 0.5s;
}
section.room .game-field.ng-leave.ng-leave-active,
section.room .game-field.ng-enter {
  opacity: 0;
  filter: alpha(opacity=0);
}
section.room .game-field.ng-leave,
section.room .game-field.ng-enter.ng-enter-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
section.room .game-field.anim-change-right.ng-enter {
  transition: transform 1s, opacity 1s;
}
section.room .game-field.anim-change-right.ng-leave {
  transition: opacity .3s;
}
section.room .game-field.anim-change-right.ng-enter {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(40%, 0);
  -ms-transform: translate(40%, 0);
  -o-transform: translate(40%, 0);
  transform: translate(40%, 0);
}
section.room .game-field.anim-change-right.ng-leave {
  opacity: 1;
  filter: alpha(opacity=100);
}
section.room .game-field.anim-change-right.ng-enter.ng-enter-active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
section.room .game-field.anim-change-right.ng-leave.ng-leave-active {
  opacity: 0;
  filter: alpha(opacity=0);
}
section.room .game-field.anim-change-left.ng-enter {
  transition: transform 1s, opacity 1s;
}
section.room .game-field.anim-change-left.ng-leave {
  transition: opacity .3s;
}
section.room .game-field.anim-change-left.ng-enter {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(-40%, 0);
  -ms-transform: translate(-40%, 0);
  -o-transform: translate(-40%, 0);
  transform: translate(-40%, 0);
}
section.room .game-field.anim-change-left.ng-leave {
  opacity: 1;
  filter: alpha(opacity=100);
}
section.room .game-field.anim-change-left.ng-enter.ng-enter-active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
section.room .game-field.anim-change-left.ng-leave.ng-leave-active {
  opacity: 0;
  filter: alpha(opacity=0);
}
section.room .game-field.anim-change-bottom.ng-enter {
  transition: transform 1s, opacity 1s;
}
section.room .game-field.anim-change-bottom.ng-leave {
  transition: opacity .3s;
}
section.room .game-field.anim-change-bottom.ng-enter {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0, 40%);
  -ms-transform: translate(0, 40%);
  -o-transform: translate(0, 40%);
  transform: translate(0, 40%);
}
section.room .game-field.anim-change-bottom.ng-leave {
  opacity: 1;
  filter: alpha(opacity=100);
}
section.room .game-field.anim-change-bottom.ng-enter.ng-enter-active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
section.room .game-field.anim-change-bottom.ng-leave.ng-leave-active {
  opacity: 0;
  filter: alpha(opacity=0);
}
section.room .game-field.anim-change-top.ng-enter {
  transition: transform 1s, opacity 1s;
}
section.room .game-field.anim-change-top.ng-leave {
  transition: opacity .3s;
}
section.room .game-field.anim-change-top.ng-enter {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0, -40%);
  -ms-transform: translate(0, -40%);
  -o-transform: translate(0, -40%);
  transform: translate(0, -40%);
}
section.room .game-field.anim-change-top.ng-leave {
  opacity: 1;
  filter: alpha(opacity=100);
}
section.room .game-field.anim-change-top.ng-enter.ng-enter-active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
section.room .game-field.anim-change-top.ng-leave.ng-leave-active {
  opacity: 0;
  filter: alpha(opacity=0);
}
section.room .game-field .pixijs-renderer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
section.room .game-field .pixijs-renderer__container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
section.room .game-field .pixijs-renderer__stage {
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
section.room .game-field .pixijs-renderer__metrics {
  pointer-events: none;
  position: fixed;
  left: 80px;
  top: 52px;
  color: white;
  font-size: 12px;
  z-index: 21;
  opacity: 0.5;
  background: rgba(0, 0, 0, 0.5);
  padding: 15px;
  max-width: 300px;
}
section.room .game-field .pixijs-renderer__metrics ul {
  padding-left: 10px;
  list-style: none;
}
section.room .game-field .svg-renderer {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  background: #2b2b2b;
  position: absolute;
  width: 100%;
  height: 100%;
}
section.room .game-field .object.ng-enter,
section.room .game-field .object.ng-leave {
  transition: opacity 0.5s;
}
section.room .game-field .object.ng-leave.ng-leave-active,
section.room .game-field .object.ng-enter {
  opacity: 0;
  filter: alpha(opacity=0);
}
section.room .game-field .object.ng-leave,
section.room .game-field .object.ng-enter.ng-enter-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
section.room .game-field canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
section.room .game-field .rendered-svg-path img {
  position: absolute;
  left: 0;
  top: 0;
}
section.room .game-field svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
section.room .game-field svg.constructed-wall,
section.room .game-field svg.extractor {
  z-index: 0;
}
section.room .game-field svg.energy {
  z-index: 1;
}
section.room .game-field svg.source,
section.room .game-field svg.mineral {
  z-index: 2;
}
section.room .game-field svg.keeper-lair {
  z-index: 3;
}
section.room .game-field svg.struct-container {
  z-index: 4;
}
section.room .game-field svg.controller {
  z-index: 4;
}
section.room .game-field svg.portal {
  z-index: 1;
}
section.room .game-field svg.extension {
  z-index: 7;
}
section.room .game-field svg.spawn {
  z-index: 8;
}
section.room .game-field svg.link {
  z-index: 9;
}
section.room .game-field svg.observer {
  z-index: 10;
}
section.room .game-field svg.power-bank {
  z-index: 11;
}
section.room .game-field svg.power-spawn {
  z-index: 12;
}
section.room .game-field svg.tower {
  z-index: 13;
}
section.room .game-field svg.terminal {
  z-index: 14;
}
section.room .game-field svg.lab {
  z-index: 15;
}
section.room .game-field svg.terminal {
  z-index: 16;
}
section.room .game-field svg.disabled-object {
  z-index: 17;
}
section.room .game-field svg.construction-site {
  z-index: 18;
}
section.room .game-field svg.flag {
  z-index: 19;
}
section.room .game-field svg.nuke-target {
  z-index: 19;
}
section.room .game-field svg.anim-shot {
  z-index: 19;
}
section.room .game-field .creep {
  z-index: 6;
}
section.room .game-field .creep.creep-say {
  z-index: 50;
  pointer-events: none;
}
section.room .game-field .selected-object-cursor {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: left, top;
  z-index: 19;
}
section.room .game-field .selected-object-cursor.ng-leave {
  transition: none !important;
}
section.room .game-field .cursor-layer {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 20;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
section.room .game-field .cursor {
  display: block;
  position: absolute;
  width: 2%;
  height: 2%;
  background: white;
  z-index: 19;
  opacity: 0.1;
  filter: alpha(opacity=10);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
section.room .game-field .exit {
  position: absolute;
  cursor: pointer;
}
section.room .game-field .exit i {
  position: absolute;
}
section.room .game-field .exit i img {
  position: absolute;
  opacity: 0.03;
  filter: alpha(opacity=3);
}
section.room .game-field .exit:hover {
  background: rgba(255, 255, 255, 0.05);
}
section.room .game-field .exit:hover img {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
section.room .game-field .exit.exit-left {
  left: -15%;
  width: 14%;
  top: 0;
  bottom: 0;
}
section.room .game-field .exit.exit-left i {
  top: 50%;
  height: 10%;
  width: 100%;
}
section.room .game-field .exit.exit-left i img {
  height: 100%;
  top: -50%;
  right: 40%;
}
section.room .game-field .exit.exit-right {
  right: -15%;
  width: 14%;
  top: 0;
  bottom: 0;
}
section.room .game-field .exit.exit-right i {
  top: 50%;
  height: 10%;
  width: 100%;
}
section.room .game-field .exit.exit-right i img {
  height: 100%;
  top: -50%;
  left: 40%;
}
section.room .game-field .exit.exit-top {
  left: 0;
  right: 0;
  top: -15%;
  height: 14%;
}
section.room .game-field .exit.exit-top i {
  left: 50%;
  width: 10%;
  height: 100%;
}
section.room .game-field .exit.exit-top i img {
  width: 100%;
  left: -50%;
  bottom: 40%;
}
section.room .game-field .exit.exit-bottom {
  left: 0;
  right: 0;
  bottom: -15%;
  height: 14%;
}
section.room .game-field .exit.exit-bottom i {
  left: 50%;
  width: 10%;
  height: 100%;
}
section.room .game-field .exit.exit-bottom i img {
  width: 100%;
  left: -50%;
  top: 40%;
}
section.room .game-field .overlay-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
section.room .game-field .room-visual {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  pointer-events: none;
}
section.room .room-message {
  position: absolute;
  left: calc(50% - 150px);
  top: auto;
  width: 300px;
  bottom: 10px !important;
  height: 50px;
  z-index: 50;
}
section.room .room-message text {
  paint-order: stroke;
  font-family: Arial, sans-serif;
  fill: #ccc;
  text-anchor: middle;
  stroke: #222;
  stroke-width: 5;
}
section.room .room-message.transparent {
  opacity: 0.1;
  filter: alpha(opacity=10);
}
section.room .room-message .error text {
  fill: #cc7579;
  stroke: #322124;
}
section.room .room-controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 21;
  pointer-events: none;
}
.page-content.hide-ui section.room .room-controls {
  display: none;
}
section.room .room-controls .room-controls-content {
  display: inline-block;
  padding: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  pointer-events: auto;
}
section.room .room-controls .md-button {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  position: relative;
  background: transparent;
  box-shadow: none;
}
section.room .room-controls .md-button:hover {
  background: transparent !important;
}
section.room .room-controls .md-button.md-primary {
  background: #3F51B5 !important;
}
section.room .room-controls .md-button img {
  width: 50%;
  height: 50%;
  position: absolute;
  top: 25%;
  left: 25%;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
section.room .room-controls .md-button.btn-tutorial {
  margin-left: 30px;
}
section.room .history-controls {
  position: absolute;
  top: 0;
  left: 20%;
  right: 20%;
  background: rgba(0, 0, 0, 0.3);
  padding: 5px 20px;
  z-index: 21;
}
.page-content.hide-ui section.room .history-controls {
  display: none;
}
section.room .history-controls .md-track-container {
  top: 22px;
  height: 4px;
  cursor: pointer;
}
section.room .history-controls .md-thumb {
  cursor: pointer;
}
section.room .history-controls .history-tick-value {
  position: absolute;
  bottom: 3px;
  left: 0;
  right: 0;
  text-align: center;
  color: #7986CB;
  font-size: 11px;
}
section.room .history-controls .history-tick-value.ng-hide-add,
section.room .history-controls .history-tick-value.ng-hide-remove {
  display: block !important;
  transition: opacity 0.3s;
}
section.room .history-controls .history-tick-value.ng-hide-add.ng-hide-add-active,
section.room .history-controls .history-tick-value.ng-hide-remove {
  opacity: 0;
  filter: alpha(opacity=0);
}
section.room .history-controls .history-tick-value.ng-hide-add,
section.room .history-controls .history-tick-value.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
section.room .history-controls.striped.striped {
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent) !important;
  background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent) !important;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
  -webkit-animation: progress-bar-stripes 2s linear infinite !important;
  -moz-animation: progress-bar-stripes 2s linear infinite !important;
  -ms-animation: progress-bar-stripes 2s linear infinite !important;
  -o-animation: progress-bar-stripes 2s linear infinite !important;
  animation: progress-bar-stripes 2s linear infinite !important;
}
section.room .history-share input {
  width: 134px;
  border: 1px solid #444444;
  padding: 4px 5px;
  background-color: transparent;
  font-size: 11px;
}
section.room .history-share button {
  font-size: 10px;
}
section.room .subscribe-error,
section.room .history-no-data {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 20;
  text-align: center;
  color: #777;
  padding-top: 100px;
  font-size: 23px;
  font-family: 'Roboto', sans-serif;
}
section.room .subscribe-error h4,
section.room .history-no-data h4 {
  color: #ddd;
  font-size: 42px;
  margin-bottom: 10px;
}
section.room .left-controls {
  z-index: 21;
  position: absolute;
  top: 0;
  left: 10px;
  display: flex;
  flex-direction: column;
}
.page-content.hide-ui section.room .left-controls {
  display: none;
}
section.room .left-controls .md-button {
  margin-top: 10px;
  padding: 10px;
}
section.room .left-controls .md-button img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
section.room .left-controls .md-button + .zoom-controls {
  margin-top: 30px;
}
section.room .left-controls .zoom-controls {
  margin-top: 10px;
  height: 35px;
}
section.room .left-controls .zoom-controls .md-button {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 2px;
  margin-bottom: 5px;
  padding: 0;
  line-height: 30px;
}
section.room .serverclub {
  position: absolute;
  right: 233px;
  bottom: 7px;
  color: rgba(255, 255, 255, 0.3);
  font-size: 11px;
  transition: right .3s;
  text-decoration: none;
  z-index: 25;
}
section.room .serverclub.aside-collapsed {
  right: 23px;
}
section.room .serverclub:hover {
  color: rgba(255, 255, 255, 0.6);
}
section.room aside {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 210px;
  background: #2d2d2d;
  color: #888;
  padding: 1px;
  z-index: 30;
  transition: right .3s;
  box-shadow: -1px 0 3px rgba(0, 0, 0, 0.3);
}
.page-content.hide-ui section.room aside {
  display: none;
}
section.room aside.collapsed {
  right: -210px;
}
section.room aside .right-top-controls {
  z-index: 21;
  position: absolute;
  left: -50px;
  top: 0;
}
section.room aside .right-top-controls .md-button {
  margin-top: 10px;
  padding: 10px;
}
section.room aside .right-top-controls .md-button img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 20px;
}
section.room aside .right-bottom-controls {
  z-index: 21;
  position: absolute;
  left: -30px;
  bottom: 0;
}
section.room aside .right-bottom-controls .md-button {
  margin-bottom: 5px;
  padding: 5px;
}
section.room aside .right-bottom-controls .md-button img {
  opacity: 0.2;
  filter: alpha(opacity=20);
}
section.room aside .right-bottom-controls .md-button.md-raised img {
  opacity: 1;
  filter: alpha(opacity=100);
}
section.room aside .aside-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
section.room aside .aside-block .aside-block-header {
  width: 100%;
  text-align: left;
  border-radius: 0;
  padding: 8px 10px;
  background-color: #3d3d3d;
  font-size: 10px;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: bold;
  color: #aaa;
  border-top: 1px solid #4a4a4a;
  border-bottom: 1px solid #222;
  transition: box-shadow 0.2s;
}
section.room aside .aside-block .aside-block-header:hover {
  background-color: #4f4f4f;
}
section.room aside .aside-block .aside-block-header i {
  float: right !important;
  position: relative;
  top: -1px;
  font-size: 16px;
}
section.room aside .aside-block .aside-block-container.ng-hide-add,
section.room aside .aside-block .aside-block-container.ng-hide-remove {
  display: block !important;
  transition: max-height 0.2s;
  overflow: hidden;
}
section.room aside .aside-block .aside-block-container.ng-hide-add.ng-hide-add-active,
section.room aside .aside-block .aside-block-container.ng-hide-remove {
  max-height: 0;
}
section.room aside .aside-block .aside-block-container.ng-hide-add,
section.room aside .aside-block .aside-block-container.ng-hide-remove.ng-hide-remove-active {
  max-height: 300px;
}
section.room aside .aside-block .aside-block-content {
  padding: 10px;
  font-size: 12px;
}
section.room aside .aside-block .aside-block-content .aside-subtitle {
  font-size: 10px;
  text-transform: uppercase;
  color: #666;
  margin-bottom: 10px;
}
section.room aside .aside-block.active .aside-block-header {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
section.room aside .aside-block-highlighted .aside-block .aside-block-header {
  border-top: 1px solid #4d5ec1;
  background-color: #3F51B5;
}
section.room aside .aside-block-highlighted .aside-block .aside-block-header:hover {
  background-color: #4d5ec1;
}
section.room aside .object-properties-id {
  background-color: #242424;
  color: #626262;
  font-size: 10px;
  margin: -10px -10px 5px -10px;
  padding: 3px 10px;
}
section.room aside textarea {
  width: 100%;
}
section.room aside .md-button {
  margin-top: 2px;
}
section.room aside .md-button.allwidth {
  display: block !important;
  width: 100% !important;
}
section.room aside .md-button.ng-enter,
section.room aside .md-button.ng-leave {
  transition: none;
}
section.room aside md-checkbox {
  margin: 5px 0 5px 0;
}
section.room aside md-checkbox .md-label {
  line-height: 20px;
}
section.room aside .invasion td {
  padding-right: 20px;
  padding-bottom: 10px;
  vertical-align: top;
}
section.room aside .invasion th {
  padding-left: 20px;
  padding-bottom: 10px;
}
section.room aside .survival-next-wave,
section.room aside .survival-score {
  margin-bottom: 10px;
  font-size: 14px;
  position: relative;
}
section.room aside .survival-next-wave span,
section.room aside .survival-score span {
  float: right !important;
  font-size: 20px;
  position: relative;
  top: -2px;
}
section.room aside .survival-next-wave .wave-cnt,
section.room aside .survival-score .wave-cnt {
  display: inline-block;
  font-size: 17px;
  margin-left: 5px;
  color: #a1494b;
}
section.room aside .survival-next-wave {
  color: #f97d7a;
}
section.room aside .survival-score {
  color: #ffe56d;
}
section.room aside .simulation .aside-block-content {
  text-align: center;
}
section.room aside .simulation .btn {
  border-radius: 100%;
}
section.room aside .simulation .btn:not(:active) {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
section.room aside .simulation .play-pause {
  width: 50px;
  height: 50px;
  font-size: 14px;
  vertical-align: middle;
}
section.room aside .simulation .prev-tick,
section.room aside .simulation .next-tick {
  font-size: 16px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  margin: 0 1px;
  padding: 0;
  vertical-align: middle;
}
section.room aside .simulation .prev-tick-more,
section.room aside .simulation .next-tick-more {
  font-size: 12px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  margin: 0 1px;
  padding: 0;
  vertical-align: middle;
}
section.room aside .simulation .speed {
  margin-top: 8px;
  margin-bottom: 10px;
  color: #ccc;
  font-size: 13px;
}
section.room aside .simulation .speed .dec-speed,
section.room aside .simulation .speed .inc-speed {
  font-size: 10px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  margin: 0 3px;
  padding: 0;
  vertical-align: middle;
}
section.room aside .simulation .speed span {
  vertical-align: middle;
}
section.room aside .simulation .history-info {
  background-color: #252525;
  padding: 4px;
  margin-bottom: 5px;
}
section.room aside .simulation .history-info .history-tick {
  color: #ccc;
}
section.room aside .construct .aside-block-content .md-button {
  width: calc(45%);
  margin: 7px 10px 0 0;
  text-align: left;
  overflow: hidden;
}
section.room aside .construct .aside-block-content .md-button .construction-note {
  white-space: normal;
  font-size: 11px;
  margin-top: 3px;
  margin-left: 20px;
}
section.room aside .construct .aside-block-content .md-button .construction-available {
  float: right !important;
  font-size: 10px;
  color: #78a178;
}
section.room aside .construct .aside-block-content .md-button .construction-not-available {
  float: right !important;
  font-size: 10px;
  color: #6f6f6f;
}
section.room aside .construct .aside-block-content .md-button .construction-icon {
  width: 600px;
  height: 600px;
  position: absolute;
  top: -4px;
  left: -6px;
}
section.room aside .construct .aside-block-content .md-button .construction-icon svg {
  position: absolute;
  pointer-events: none;
}
section.room aside .construct .aside-block-content .md-button .construction-icon img {
  width: 20px;
  height: 20px;
  position: relative;
  left: 8px;
  top: 8px;
}
section.room aside .construct .aside-block-content .md-button .unknown-construction-icon {
  width: 18px;
  height: 18px;
  position: absolute;
  left: 2px;
  top: 5px;
  font-weight: bold;
  font-size: 11px;
  background-color: #222;
  color: #777;
  border-radius: 100%;
  text-align: center;
  line-height: 18px;
}
section.room aside .construct .aside-block-content .md-button .construction-under-development {
  color: #CAAD6A;
}
section.room aside .construct .aside-block-content .md-button strong {
  color: #eee;
  margin-left: 20px;
}
section.room aside .construct .aside-block-content .md-button[disabled],
section.room aside .construct .aside-block-content .md-button.disabled {
  color: #888888;
  cursor: not-allowed;
  background: inherit;
}
section.room aside .construct .aside-block-content .md-button::after {
  display: block;
  content: '';
  border-top: 1px solid #383838;
  position: relative;
  top: 10px;
}
section.room aside .construct .title {
  text-align: center;
}
section.room aside .customize .aside-block-content .md-button {
  width: calc(45%);
  margin: 5px 5px 0 0;
}
section.room aside .customize .title {
  text-align: center;
}
section.room aside .cursor .aside-block-content {
  line-height: 2;
}
section.room aside .cursor .x {
  display: inline-block;
  width: 45%;
}
section.room aside .cursor .y {
  display: inline-block;
  width: 45%;
}
section.room aside .cursor,
section.room aside .object-properties,
section.room aside .world-room {
  color: #aaa;
}
section.room aside .cursor label,
section.room aside .object-properties label,
section.room aside .world-room label {
  color: #666;
  margin-right: 5px;
}
section.room aside .cursor a img,
section.room aside .object-properties a img,
section.room aside .world-room a img {
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  position: relative;
  top: -1px;
  width: 10px;
  height: 10px;
  margin-right: 1px;
}
section.room aside .learn-more {
  text-align: center;
  font-size: 11px;
  margin-top: 10px;
  z-index: 2;
  position: relative;
}
section.room aside .world-room {
  text-align: center;
}
section.room aside .world-room button {
  margin-top: 5px;
}
section.room aside .world-room .controller-sign {
  margin: 8px -10px -12px -10px;
  background-color: #222;
  padding: 8px 10px 5px 10px;
  text-align: left;
}
section.room aside .object-properties .btn {
  margin-top: 10px;
}
section.room aside .object-properties label {
  font-weight: bold;
  margin-top: 5px;
}
section.room aside .object-properties .md-warn {
  color: #FF9800;
}
section.room aside .object-properties .md-warn label {
  color: #FF9800;
}
section.room aside .object-properties .damaged {
  color: #f55;
}
section.room aside .object-properties .safe {
  color: #FFD180;
}
section.room aside .object-properties .safe label {
  color: #FFD180;
}
section.room aside .object-properties .upgraded {
  color: #57ff57;
}
section.room aside .object-properties .help {
  position: relative;
  color: #555;
  display: inline-block;
  margin-left: 5px;
  cursor: help;
}
section.room aside .object-properties .desc {
  font-size: 11px;
  color: #777;
  margin-top: 10px;
  text-align: center;
}
section.room aside .object-properties .body {
  margin: 5px -10px 10px -10px;
  background-color: #222;
  padding: 1px 10px 5px 10px;
}
section.room aside .object-properties .body label.body-header {
  display: block;
  margin-bottom: 5px;
}
section.room aside .object-properties .body label.body-header .pull-right {
  font-weight: normal;
}
section.room aside .object-properties .body .bodypart {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
  margin-right: 5px;
  overflow: hidden;
}
section.room aside .object-properties .body .bodypart.type-move {
  background-color: #a9b7c6;
}
section.room aside .object-properties .body .bodypart.type-work {
  background-color: #ffe56d;
}
section.room aside .object-properties .body .bodypart.type-attack {
  background-color: #f93842;
}
section.room aside .object-properties .body .bodypart.type-ranged_attack {
  background-color: #5d80b2;
}
section.room aside .object-properties .body .bodypart.type-heal {
  background-color: #65fd62;
}
section.room aside .object-properties .body .bodypart.type-tough {
  background-color: #fff;
}
section.room aside .object-properties .body .bodypart.type-claim {
  background-color: #b99cfb;
}
section.room aside .object-properties .body .bodypart.type-carry {
  background-color: #777;
}
section.room aside .object-properties .body .bodypart.boost {
  /*position: absolute;
                        left: 3px;
                        right: 3px;
                        top: 3px;
                        bottom: 3px;
                        border-radius: 100%;
                        z-index: 3;
                        background-color: white;*/
  border: 2px solid white;
  width: 17px;
  height: 17px;
  margin-right: 3px;
  margin-left: -2px;
  top: 2px;
}
section.room aside .object-properties .body .bodypart .dead-overlay {
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  z-index: 2;
  overflow: hidden;
  border-radius: 100%;
}
section.room aside .object-properties .body .bodypart .dead-overlay i {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  background-color: black;
}
section.room aside .object-properties .body .carry-resource td {
  padding: 2px 0;
}
section.room aside .object-properties .body .carry-resource td:first-child {
  text-align: right;
}
section.room aside .object-properties img.resource-type {
  position: relative;
  top: -1px;
  height: 16px;
}
section.room aside .object-properties .memory {
  margin: 10px -10px 0 -10px;
  background-color: #222;
  padding: 5px 10px;
}
section.room aside .object-properties .memory .ace_editor {
  height: 100px;
  background-color: #222 !important;
  font-size: 10px;
}
section.room aside .object-properties .memory .ace_active-line {
  background: #222 !important;
}
section.room aside .object-properties .memory .ace_cursor {
  display: none;
}
section.room aside .arena-gladiators {
  margin: 10px -10px -10px -10px;
  background: #222;
  padding: 10px;
}
section.room aside .arena-gladiators .arena-gladiator-item {
  margin: 5px 0;
}
section.room aside .arena-gladiators .arena-gladiator-item:before,
section.room aside .arena-gladiators .arena-gladiator-item:after {
  content: " ";
  display: table;
}
section.room aside .arena-gladiators .arena-gladiator-item:after {
  clear: both;
}
section.room aside .arena-gladiators .arena-gladiator-item:before,
section.room aside .arena-gladiators .arena-gladiator-item:after {
  content: " ";
  display: table;
}
section.room aside .arena-gladiators .arena-gladiator-item:after {
  clear: both;
}
section.room aside .arena-gladiators .arena-gladiator-item label {
  float: left !important;
  color: #ccc;
  line-height: 16px;
}
section.room aside .arena-gladiators .arena-gladiator-item a,
section.room aside .arena-gladiators .arena-gladiator-item span {
  float: right !important;
  text-transform: uppercase;
  font-size: 9px;
  line-height: 16px;
  position: relative;
  top: 1px;
}
section.room aside .arena-gladiators .arena-gladiator-item a {
  cursor: pointer;
}
section.room aside .world-minimap {
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.5);
  width: 150px;
  height: 150px;
  margin: 0 auto 10px auto;
  position: relative;
}
section.room aside .world-minimap .world-minimap-room {
  width: 50px;
  height: 50px;
  background-size: contain;
  position: absolute;
}
section.room aside .world-minimap .world-minimap-room.tl {
  top: 0;
  left: 0;
}
section.room aside .world-minimap .world-minimap-room.t {
  top: 0;
  left: 50px;
}
section.room aside .world-minimap .world-minimap-room.tr {
  top: 0;
  left: 100px;
}
section.room aside .world-minimap .world-minimap-room.l {
  top: 50px;
  left: 0;
}
section.room aside .world-minimap .world-minimap-room.c {
  top: 50px;
  left: 50px;
}
section.room aside .world-minimap .world-minimap-room.r {
  top: 50px;
  left: 100px;
}
section.room aside .world-minimap .world-minimap-room.bl {
  top: 100px;
  left: 0;
}
section.room aside .world-minimap .world-minimap-room.b {
  top: 100px;
  left: 50px;
}
section.room aside .world-minimap .world-minimap-room.br {
  top: 100px;
  left: 100px;
}
section.room aside .world-minimap a.world-minimap-room:after {
  display: none;
  content: '';
  z-index: 1;
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
section.room aside .world-minimap a.world-minimap-room:hover:after {
  display: block;
}
section.room aside .room-protected {
  margin-top: 10px;
  font-size: 11px;
  text-align: center;
}
section.room aside .room-protected span {
  color: #FFD180;
  font-size: 12px;
}
section.room aside .room-novice {
  margin-top: 5px;
  color: #63ca63;
}
section.room aside .room-respawn {
  margin-top: 5px;
  color: #76aff9;
}
section.room aside .room-disabled {
  margin-top: 5px;
  color: #e87b82;
}
section.room aside .room-decorations .aside-block {
  position: relative;
  color: rgba(255, 255, 255, 0.7);
}
section.room aside .room-decorations .aside-block::before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(129.72% 151.85% at 43.28% 0%, #1D1E2C 0%, #131416 100%);
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.18);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
section.room aside .room-decorations .aside-block-header {
  background-color: rgba(89, 115, 255, 0.4);
  border-bottom: 1px solid #282b4e;
  border-top: 1px solid #5b5b84;
  color: white;
}
section.room aside .room-decorations .aside-block-header:hover {
  background-color: #666688;
}
section.room aside .room-decorations .aside-block-header::before {
  content: '';
  float: left;
  width: 13px;
  height: 13px;
  background-image: url('components/game/room/decorations.svg');
}
section.room aside .room-decorations .aside-block .goto-inventory {
  padding: 0 5px;
}
section.room aside .room-decoration {
  display: flex;
  align-items: center;
  padding: 0;
  height: 44px;
  cursor: pointer;
  margin: 0 -10px;
}
section.room aside .room-decoration:hover {
  background: rgba(236, 239, 255, 0.04);
  /* rarity/ 1very_often/ 12% */
  box-sizing: border-box;
  /* modal */
  box-shadow: 0px 0px 40px rgba(255, 115, 120, 0.04), 0px 0px 100px rgba(89, 115, 255, 0.16);
}
section.room aside .room-decoration img {
  margin-left: 14px;
  margin-right: 14px;
}
section.room aside .room-decoration__rarity {
  width: 2px;
  height: 12px;
  margin-right: 8px;
  border-radius: 2px;
}
section.room aside .room-decoration__rarity.--rarity-1 {
  background-color: #444B4D;
}
section.room aside .room-decoration__rarity.--rarity-2 {
  background-color: #558761;
}
section.room aside .room-decoration__rarity.--rarity-3 {
  background-color: #567CC3;
}
section.room aside .room-decoration__rarity.--rarity-4 {
  background-color: #F9499D;
}
section.room aside .room-decoration__rarity.--rarity-5 {
  background-color: #F0EA57;
}
.spawn text {
  paint-order: stroke;
  font-family: Roboto, serif;
  fill: #ed5557;
  text-anchor: middle;
  stroke: #222;
  stroke-width: 15;
}
.spawn .border {
  fill: #cccccc;
}
.spawn.owner text {
  fill: #8fbb93;
}
.storage .border {
  stroke: #ed5557;
}
.storage.owner .border {
  stroke: #8fbb93;
}
.terminal .border {
  stroke: #ed5557;
}
.terminal.owner .border {
  stroke: #8fbb93;
}
.tower .border {
  stroke: #ed5557;
}
.tower .owner .border {
  stroke: #8fbb93;
}
.tower .action-repair {
  stroke: #ffe56d;
}
.tower .action-attack {
  stroke: #5d80b2;
}
.tower .action-heal {
  stroke: #65fd62;
}
.view-popup {
  position: absolute;
  width: 150px;
  background: #444;
  z-index: 50;
}
.view-popup ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.view-popup ul li {
  padding: 5px 10px;
  color: #aaa;
  border-top: 1px solid #555;
  border-left: 1px solid #555;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  cursor: pointer;
}
.view-popup ul li:hover {
  background-color: #555;
}
section.shards {
  max-width: 900px;
  margin: 30px auto 0 auto;
  font-family: Roboto, sans-serif;
  color: #ccc;
  width: 900px;
  text-align: center;
}
section.shards .shards-list {
  text-align: center;
}
section.shards .shard-item {
  margin: 20px 10px 0 10px;
  background: #373737;
  width: 200px;
  display: inline-block;
  text-align: left;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  transition: all .3s;
  text-decoration: none;
  color: #aaa;
  position: relative;
  overflow: hidden;
  padding: 0;
  font-weight: 300;
  letter-spacing: 0.010em;
}
section.shards .shard-item.md-button {
  cursor: pointer;
}
section.shards .shard-item.md-button:hover {
  transform: translate(0, -2px);
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
}
section.shards .shard-item.md-button:hover md-icon {
  opacity: 0 !important;
}
section.shards .shard-item.md-button:hover .shard-item__title--hover {
  opacity: 0.5 !important;
}
section.shards .shard-item__title {
  font-size: 25px;
  margin-bottom: 4px;
  color: white;
  padding: 7px 18px 7px 20px;
  background: #3F51B5;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.shards .shard-item__title-icons {
  position: relative;
  width: 30px;
  height: 30px;
}
section.shards .shard-item__title-icons md-icon {
  width: 30px;
  height: 30px;
  opacity: 0.5;
  margin: 0;
  transition: opacity .3s;
  position: absolute;
}
section.shards .shard-item__title-icons md-icon.shard-item__title--hover {
  opacity: 0;
}
section.shards .shard-item__info {
  font-weight: 300;
  font-size: 13px;
  padding: 10px 10px 10px 20px;
}
section.shards .shard-item__info-value .fa {
  color: #FFD180;
  width: 23px;
  text-align: center;
  opacity: 0.5;
  margin-right: 0;
}
section.shards .shard-item__info-value strong {
  color: #FFD180;
  font-weight: 400;
  margin-left: 0;
}
section.shards .shard-item__info-value span {
  margin-left: 0;
}
section.shards .shard-item__cpu {
  background-color: #292929;
  text-align: center;
  font-size: 12px;
  padding: 5px 25px;
  color: #777;
  display: flex;
  align-items: center;
}
section.shards .shard-item__cpu md-slider {
  width: 100%;
}
section.shards .shard-item__cpu.md-warn {
  color: #FF9800;
}
section.shards .shard-item__cpu-title {
  width: 25px;
  text-align: left;
  background: transparent;
  border: 0;
}
section.shards .shard-item__cpu-title.md-warn {
  color: #FF9800;
}
section.shards .shards-cpu-btn {
  padding: 10px 15px;
  margin: 20px 5px;
  min-width: 100px;
}
section.shards .shards-unused-cpu {
  margin: 10px 0 -10px 0;
  color: #999;
  font-weight: 300;
}
section.shards .shards-unused-cpu--error strong {
  color: #ff6363;
}
.best-score {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  width: 100px;
  border-radius: 10px;
  border: 5px solid rgba(255, 200, 110, 0.2);
  color: #ffc66d;
  text-align: center;
  padding-top: 10px;
}
.best-score .best-score-header {
  font-size: 11px;
  color: rgba(255, 200, 110, 0.5);
  font-weight: bold;
}
.best-score .best-score-value {
  font-size: 24px;
}
section.survival-score {
  margin: 100px auto;
  width: 450px;
  background: #2b2b2b;
  border-radius: 8px;
  color: #888;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  font-family: 'Roboto', 'Arial', sans-serf;
  font-size: 18px;
  text-align: center;
  position: relative;
}
section.survival-score .title {
  text-align: center;
  font-size: 22px;
  color: #ffc66d;
  background-color: #333;
  padding: 10px;
  margin-bottom: 30px;
}
section.survival-score .best-score {
  position: relative;
  left: auto;
  right: auto;
  display: inline-block;
  margin: 10px auto 30px auto;
  padding: 10px ;
  width: 150px;
}
section.survival-score .replay {
  margin: 0 0 20px 0;
  font-size: 14px;
}
section.survival-score .replay .replay-error {
  color: #bc3d3a;
}
section.survival-score .replay .replay-view i {
  font-size: 14px;
  color: #80b1e1;
  margin-right: 5px;
}
section.survival-score .controls {
  text-align: right;
  background-color: #333;
  padding: 10px;
}
section.survival-score button {
  font-size: 14px;
  padding: 6px 15px;
}
.tutorial {
  position: fixed;
  width: 600px;
  z-index: 1000;
  font-family: 'Roboto', 'Arial', sans-serif;
}
.tutorial.width-auto {
  width: auto;
}
.tutorial.no-controls .tutorial-content {
  padding-bottom: 25px;
}
.tutorial.color-primary .tutorial-content {
  background: #3F51B5;
  color: #eee;
}
.tutorial.color-primary a {
  color: #FFD180 !important;
  text-decoration: underline;
}
.tutorial.color-primary .arrow.arrow-bottom {
  border-top-color: #3F51B5;
}
.tutorial.color-primary .arrow.arrow-top {
  border-bottom-color: #3F51B5;
}
.tutorial.color-primary .close {
  color: #ddd;
}
.tutorial.z-index-aside {
  z-index: 20 !important;
}
.tutorial.ng-hide-add,
.tutorial.ng-hide-remove {
  display: block !important;
  transition: opacity 0.2s;
}
.tutorial.ng-hide-add.ng-hide-add-active,
.tutorial.ng-hide-remove {
  opacity: 0;
  filter: alpha(opacity=0);
}
.tutorial.ng-hide-add,
.tutorial.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.tutorial .tutorial-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
}
.tutorial .tutorial-content {
  background: #505050;
  position: relative;
  margin: 12px 0;
  border-radius: 6px;
  padding: 25px 15px 50px 15px;
  color: #dedede;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-weight: 300;
}
.tutorial .tutorial-content code {
  padding: 2px 4px;
  font-size: 90%;
  color: #F5DAAF;
  background-color: #5E5E5E;
  border-radius: 2px;
}
.tutorial .tutorial-content p {
  margin-bottom: 20px;
}
.tutorial .tutorial-content p:last-child {
  margin-bottom: 0;
}
.tutorial .tutorial-content a {
  color: #6EBCFF;
}
.tutorial .tutorial-content b,
.tutorial .tutorial-content strong {
  font-weight: 500;
}
.tutorial .tutorial-content .objective {
  padding-left: 15px;
  position: relative;
  color: #fff;
  margin-top: 20px;
}
.tutorial .tutorial-content .objective .fa {
  position: absolute;
  top: 5px;
  left: 2px;
  font-size: 12px;
}
.tutorial .tutorial-content .accent {
  color: #A7FFEB;
}
.tutorial .tutorial-controls {
  position: absolute;
  bottom: 0;
  text-align: right;
  padding: 15px;
  right: 0;
}
.tutorial .tutorial-controls .md-button,
.tutorial .tutorial-controls a {
  min-width: 80px;
  margin-left: 5px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.tutorial .close {
  display: block;
  position: absolute;
  right: 6px;
  top: 18px;
  color: #aaa;
  text-shadow: none;
  font-size: 18px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tutorial .close:hover {
  color: #fff;
}
.tutorial.no-arrow .arrow {
  display: none !important;
}
.tutorial .arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}
.tutorial .arrow.arrow-bottom {
  bottom: 2px;
  border-top: 12px solid #505050;
  border-bottom: 0;
}
.tutorial .arrow.arrow-top {
  top: 2px;
  border-bottom: 12px solid #505050;
  border-top: 0;
}
.tutorial .arrow.arrow-bottom,
.tutorial .arrow.arrow-top {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}
.tutorial .arrow.arrow-bottom.arrow-left,
.tutorial .arrow.arrow-top.arrow-left {
  left: 20px;
}
.tutorial .arrow.arrow-bottom.arrow-right,
.tutorial .arrow.arrow-top.arrow-right {
  right: 20px;
}
.tutorial .arrow.arrow-bottom.arrow-center,
.tutorial .arrow.arrow-top.arrow-center {
  left: calc(50% - 12px);
}
.tutorial .arrow:not(.arrow-bottom):not(.arrow-top) {
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
.tutorial .arrow:not(.arrow-bottom):not(.arrow-top).arrow-left {
  left: -12px;
  border-left: 0;
  border-right: 12px solid #505050;
  top: calc(50% - 12px);
}
.tutorial .tutorial-code {
  margin: 15px 0;
}
.tutorial .tutorial-code .code {
  height: 150px;
  margin-top: 6px;
}
.tutorial .tutorial-code .toggle {
  color: #eee;
}
.tutorial .tutorial-code .toggle .fa {
  font-size: 12px;
  margin-right: 5px;
}
.tutorial .tutorial-code .toggle .code-title {
  color: #bbb;
}
.tutorial ul {
  padding-left: 20px;
}
.tutorial.tutorial-tipFacebookLike {
  width: 350px;
}
.tutorial.tutorial-tipFacebookLike h4 {
  color: #ffdc56;
  padding-left: 10px;
  margin-bottom: 20px;
  font-size: 28px;
  margin-top: 0;
}
.tutorial.tutorial-tipFacebookLike .tutorial-content {
  height: 250px;
}
.tutorial.tutorial-tipTipOfTheDay {
  max-width: 700px;
}
.tutorial.tutorial-tipTipOfTheDay strong {
  text-transform: uppercase;
  font-size: 12px;
  color: #999;
  font-weight: normal;
}
.tutorial.tutorial-tipTipOfTheDay p {
  margin-bottom: 26px;
}
.tutorial.tutorial-tipTipOfTheDay .md-button {
  font-weight: normal;
}
.tutorial-window-huge .modal-dialog {
  width: 520px;
}
.tutorial-window-huge .modal-body {
  font-size: 17px;
  font-weight: 100;
  padding: 20px;
}
.tutorial-window-huge .modal-body h3 {
  font-weight: 300;
  font-size: 30px;
  color: #FFD180;
  text-align: center;
  margin: 0;
}
.tutorial-window-huge .modal-body h4 {
  font-weight: 400;
  color: #FFD180;
}
.tutorial-window-huge .modal-body .p {
  text-align: left;
  margin-top: 30px;
  clear: both;
}
.tutorial-window-huge .modal-body .p a {
  color: white;
  text-decoration: underline;
}
.tutorial-window-huge .modal-body strong {
  font-weight: 400;
}
.tutorial-window-huge .modal-body img {
  margin-right: 20px;
  margin-bottom: 20px;
}
.tutorial-window-huge .modal-body .p-img {
  margin-bottom: 10px;
}
.tutorial-window-huge .modal-body .p-img img {
  margin: 0;
}
.tutorial-window-huge .modal-footer {
  color: white;
}
.tutorial.tutorial-tipSteamReview {
  width: 584px;
}
.tutorial.tutorial-tipSteamReview .tutorial-content {
  background-color: #2F3D4C;
  font-size: 1.1em;
}
.tutorial.tutorial-tipSteamReview .tutorial-content h4 {
  color: #95E1FF;
}
.tutorial.tutorial-tipWebGL2 {
  width: 630px;
}
.tutorial.tutorial-tipWebGL2 .tutorial-content {
  font-size: 1.1em;
  line-height: 1.6em;
}
.tutorial.tutorial-tipIvmDefault {
  width: 630px;
}
.tutorial.tutorial-tipIvmDefault .tutorial-content {
  font-size: 1.1em;
  line-height: 1.6em;
}
.tutorial.tutorial-tipIvmDefault h4 {
  font-weight: 400;
  color: #FFD180;
}
.tutorial.tutorial-tipLifetimeSale {
  width: 584px;
}
.tutorial.tutorial-tipLifetimeSale .tutorial-content {
  font-size: 1.1em;
  background: radial-gradient(closest-side at 50% 26%, #38395d, #181c33 100%);
}
.tutorial.tutorial-tipLifetimeSale .tutorial-content img {
  display: block;
  margin: 0 auto;
  width: 200px;
}
.tutorial.tutorial-tipLifetimeSale .tutorial-content h4 {
  color: #95E1FF;
  text-align: center;
}
.tutorial.tutorial-tipLifetimeSale .tutorial-content p {
  text-align: center;
}
.tutorial.tutorial-tipLifetimeSale .tutorial-content b {
  color: white;
}
.tutorial.tutorial-tipPixiOptimized,
.tutorial.tutorial-tipSvgRenderer {
  width: 450px;
}
.tutorial.tutorial-tipMapVisuals {
  width: 660px;
}
section.world-map {
  max-width: 900px;
  margin: 30px auto 0 auto;
  font-family: Roboto, sans-serif;
  color: #ccc;
}
section.world-map .new-map-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #22242D;
  text-align: center;
  line-height: 30px;
  color: #5973FF;
  cursor: pointer;
}
section.world-map .map-container {
  position: absolute;
  top: 30px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
section.world-map .map-container .zoom-controls {
  z-index: 21;
  position: absolute;
  top: 0;
  left: 10px;
  margin-top: 10px;
  height: 35px;
}
.page-content.hide-ui section.world-map .map-container .zoom-controls {
  display: none;
}
section.world-map .map-container .zoom-controls .md-button {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 2px;
  margin-bottom: 5px;
  padding: 0;
  line-height: 30px;
}
section.world-map .map-container .map-sector {
  display: block;
  position: absolute;
  color: #999;
  text-align: center;
  line-height: 150px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  pointer-events: none;
}
section.world-map .map-container .map-sector canvas {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
section.world-map .map-container .map-sector--zoom3 {
  width: 150px;
  height: 150px;
}
section.world-map .map-container .map-sector--zoom3 .room-disabled,
section.world-map .map-container .map-sector--zoom3 .room-layer,
section.world-map .map-container .map-sector--zoom3 .room-prohibited,
section.world-map .map-container .map-sector--zoom3 .room-novice,
section.world-map .map-container .map-sector--zoom3 .room-respawn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6);
}
section.world-map .map-container .map-sector--zoom3 .room-protected {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  border: 3px solid rgba(255, 232, 0, 0.22);
  pointer-events: none;
}
section.world-map .map-container .map-sector--zoom3 .room-layer {
  background: rgba(0, 0, 0, 0.4);
}
section.world-map .map-container .map-sector--zoom3 .room-prohibited {
  background: rgba(255, 50, 50, 0.2);
  pointer-events: none;
}
section.world-map .map-container .map-sector--zoom3 .room-novice {
  background: rgba(87, 255, 89, 0.1);
  pointer-events: none;
}
section.world-map .map-container .map-sector--zoom3 .room-respawn {
  background: rgba(0, 110, 255, 0.15);
  pointer-events: none;
}
section.world-map .map-container .map-sector--zoom3 .room-stats {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}
section.world-map .map-container .map-sector--zoom3 .room-stats img {
  border-radius: 100%;
  background: #444;
  border: 3px solid black;
}
section.world-map .map-container .map-sector--zoom3 .room-stats.reserve img {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
section.world-map .map-container .map-sector--zoom3 .room-stats .room-mineral-type {
  border-radius: 100%;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.6);
  font-weight: bold;
  position: absolute;
}
section.world-map .map-container .map-sector--zoom3 .room-stats .room-mineral-type.room-mineral-density-1 {
  width: 34px;
  height: 34px;
  line-height: 28px;
  border: 3px solid;
  font-size: 17px;
  left: 58px;
  top: 58px;
}
section.world-map .map-container .map-sector--zoom3 .room-stats .room-mineral-type.room-mineral-density-2 {
  width: 50px;
  height: 50px;
  line-height: 40px;
  border: 5px solid;
  font-size: 25px;
  left: 50px;
  top: 50px;
}
section.world-map .map-container .map-sector--zoom3 .room-stats .room-mineral-type.room-mineral-density-3 {
  width: 70px;
  height: 70px;
  line-height: 56px;
  border: 7px solid;
  font-size: 35px;
  left: 40px;
  top: 40px;
}
section.world-map .map-container .map-sector--zoom3 .room-stats .room-mineral-type.room-mineral-density-4 {
  width: 84px;
  height: 84px;
  line-height: 68px;
  border: 8px solid;
  font-size: 42px;
  left: 33px;
  top: 33px;
}
section.world-map .map-container .map-sector--zoom3 .room-stats .room-mineral-type.room-mineral-type-L {
  color: #89F4A5;
  background-color: #3F6147;
  border-color: #89F4A5;
}
section.world-map .map-container .map-sector--zoom3 .room-stats .room-mineral-type.room-mineral-type-U {
  color: #88D6F7;
  background-color: #1B617F;
  border-color: #88D6F7;
}
section.world-map .map-container .map-sector--zoom3 .room-stats .room-mineral-type.room-mineral-type-K {
  color: #9370FF;
  background-color: #331A80;
  border-color: #9370FF;
}
section.world-map .map-container .map-sector--zoom3 .room-stats .room-mineral-type.room-mineral-type-Z {
  color: #F2D28B;
  background-color: #594D33;
  border-color: #F2D28B;
}
section.world-map .map-container .map-sector--zoom3 .room-stats .room-mineral-type.room-mineral-type-X {
  color: #FF7A7A;
  background-color: #4F2626;
  border-color: #FF7A7A;
}
section.world-map .map-container .map-sector--zoom3 .room-stats .room-mineral-type.room-mineral-type-H {
  color: #CCCCCC;
  background-color: #4D4D4D;
  border-color: #CCCCCC;
}
section.world-map .map-container .map-sector--zoom3 .room-stats .room-mineral-type.room-mineral-type-O {
  color: #CCCCCC;
  background-color: #4D4D4D;
  border-color: #CCCCCC;
}
section.world-map .map-container .map-sector--zoom2 {
  width: 200px;
  height: 200px;
}
section.world-map .map-container .map-sector--zoom1 {
  width: 200px;
  height: 200px;
}
section.world-map .map-container .room-hover {
  position: absolute;
  z-index: 4;
  background: rgba(255, 255, 255, 0.05);
  pointer-events: none;
}
section.world-map .map-container .layer-select {
  position: absolute;
  top: 10px;
  right: 50px;
  z-index: 10;
  font-size: 13px;
}
.page-content.hide-ui section.world-map .map-container .layer-select {
  display: none;
}
section.world-map .map-container .shard-select {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 22;
  font-size: 22px;
  color: #ccc;
  font-weight: 400;
  padding: 6px 12px;
  display: none;
}
.page-content.hide-ui section.world-map .map-container .shard-select {
  display: none !important;
}
section.world-map .map-container .ui-drop-group .toggle-text {
  color: #aaa;
}
section.world-map .map-container .ui-drop-group .toggle-text b {
  color: #ddd;
  font-weight: 500;
}
section.world-map .map-container .btn-units {
  z-index: 10;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 14px;
}
.page-content.hide-ui section.world-map .map-container .btn-units {
  display: none;
}
section.world-map .map-container .room-search {
  position: relative;
  margin: 10px auto;
  display: block;
  width: 300px;
  background: #444;
  padding: 5px 10px;
  z-index: 10;
  border-radius: 3px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  font-size: 13px;
}
.page-content.hide-ui section.world-map .map-container .room-search {
  display: none;
}
section.world-map .map-container .room-search input {
  width: 100%;
  background: transparent;
  border: 0;
  color: #bbb;
}
section.world-map .map-container .room-search input::-webkit-input-placeholder {
  color: #999;
}
section.world-map .map-container .room-search input::-moz-placeholder {
  color: #999;
}
section.world-map .map-container .btn-overview {
  z-index: 10;
  padding: 15px;
  position: absolute;
  left: 10px;
  top: 10px;
}
section.world-map .map-container .btn-overview img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
section.world-map .map-container .map-float-info {
  position: absolute;
  z-index: 3;
  padding: 5px 10px;
  background: rgba(68, 68, 68, 0.9);
  border-radius: 3px;
  color: #bbb;
  font-size: 12px;
  pointer-events: none;
  font-family: arial, sans-serif;
}
section.world-map .map-container .map-float-info label {
  color: #888;
  margin-right: 5px;
}
section.world-map .map-container .map-float-info .room-name {
  font-weight: bold;
  margin-bottom: 2px;
  margin-right: 25px;
}
section.world-map .map-container .map-float-info img {
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  margin-right: 2px;
  width: 10px;
  height: 10px;
  position: relative;
  top: -1px;
}
section.world-map .map-container .map-float-info .rcl {
  position: absolute;
  right: 10px;
  top: 5px;
  background-color: #555;
  padding: 0 4px;
  border-radius: 2px;
}
section.world-map .map-container .map-float-info .stats {
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px solid #555;
}
section.world-map .map-container .map-float-info .stats > label {
  margin-bottom: 2px;
}
section.world-map .map-container .map-float-info .stats .stat-user label {
  margin: 0 3px;
}
section.world-map .map-container .map-float-info .controller-sign {
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px solid #555;
  max-width: 200px;
}
section.world-map .map-container .map-float-info .room-protected {
  color: #cabe52;
}
section.world-map .map-container .map-float-info .room-novice {
  color: #63ca63;
}
section.world-map .map-container .map-float-info .room-respawn {
  color: #76aff9;
}
section.world-map .map-container .map-float-info .room-disabled {
  color: #e87b82;
}
section.world-map .map-container .counter {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  z-index: 5;
}
section.world-map .map-container .counter .title {
  display: inline-block;
  text-transform: uppercase;
  color: #ddd;
  font-size: 21px;
  text-align: center;
  margin-right: 20px;
}
section.world-map .map-container .counter .title > span {
  font-size: 25px;
}
section.world-map .map-container .counter .title a {
  font-size: 14px;
}
section.world-map .map-container .counter .title b {
  color: #aaa;
  font-weight: normal;
}
section.world-map .map-container .counter .title .random-novice-room {
  padding: 1px 5px;
  margin-left: 10px;
}
section.world-map .map-container .counter .title .random-novice-room img {
  height: 30px;
}
section.world-map .map-container .counter .counter-block {
  display: inline-block;
  margin: 0 15px;
  font-size: 11px;
  color: #666;
  line-height: 1.2;
}
section.world-map .map-container .counter .counter-block label {
  display: block;
  font-size: 35px;
  color: #bbb;
}
section.world-map .map-container .counter .md-button {
  font-size: 14px;
  margin-left: 20px;
  font-weight: normal;
  text-transform: uppercase;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  top: -3px;
}
section.world-map .map-container .preorder {
  display: inline-block;
  margin-left: 20px;
}
section.world-map .map-container .preorder .md-button {
  height: 49px;
  display: inline-block;
  line-height: 37px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px !important;
}
section.world-map--multi-shard .shard-select {
  display: block !important;
}
section.world-map--multi-shard .zoom-controls {
  top: 54px !important;
}
body .jsoneditor {
  box-sizing: content-box;
  border: 0;
  color: #a9b7c6;
  background-color: #2b2b2b;
}
body .jsoneditor * {
  box-sizing: content-box;
}
body .jsoneditor .menu {
  display: none !important;
}
body .jsoneditor .value.url {
  color: #6a8759;
}
body .jsoneditor .value.value-string {
  color: #6a8759;
}
body .jsoneditor .value.value-number {
  color: #6897bb;
}
body .jsoneditor .value.value-boolean {
  color: #cc7832;
}
body .jsoneditor .value.value-null {
  color: #9876aa;
}
body .jsoneditor .value.value-invalid {
  color: #DF5F5F;
}
body .jsoneditor a.value.url:hover,
body .jsoneditor a.value.url:focus {
  color: #6a8759;
}
body .jsoneditor .field[contenteditable=true]:focus,
body .jsoneditor .field[contenteditable=true]:hover,
body .jsoneditor .value[contenteditable=true]:focus,
body .jsoneditor .value[contenteditable=true]:hover,
body .jsoneditor .field.highlight,
body .jsoneditor .value.highlight {
  background-color: #373B41;
  border: 1px solid #373B41;
}
body .jsoneditor .field.highlight-active,
body .jsoneditor .field.highlight-active:focus,
body .jsoneditor .field.highlight-active:hover,
body .jsoneditor .value.highlight-active,
body .jsoneditor .value.highlight-active:focus,
body .jsoneditor .value.highlight-active:hover {
  background-color: #373B41;
  border: 1px solid #373B41;
}
body .jsoneditor tr.highlight {
  background-color: #373B41;
}
body .jsoneditor .field,
body .jsoneditor .value,
body .jsoneditor td,
body .jsoneditor th,
body .jsoneditor textarea {
  color: #a9b7c6;
}
body .jsoneditor div.tree button {
  background-image: url('vendor/jsoneditor-icons.png');
}
body .jsoneditor div.tree button:focus {
  background-color: #373B41;
  outline: #373B41 solid 1px;
}
body .jsoneditor button.dragarea {
  display: none;
}
body .jsoneditor .field.empty {
  background-image: url('vendor/jsoneditor-icons.png');
  background-position: 0 -144px;
}
body .jsoneditor .value.empty {
  background-image: url('vendor/jsoneditor-icons.png');
  background-position: -48px -144px;
}
body .jsoneditor .tree {
  overflow: hidden;
}
body .jsoneditor .tree colgroup col:first-child {
  width: 1px !important;
}
body .jsoneditor .empty {
  border-color: #777;
}
body .jsoneditor-contextmenu {
  box-sizing: content-box;
  font-family: Arial, sans-serif;
  font-size: 13px;
}
body .jsoneditor-contextmenu * {
  box-sizing: content-box;
}
body .jsoneditor-contextmenu ul li button.default {
  width: 90px;
}
body .jsoneditor-contextmenu div.icon {
  background-image: url('vendor/jsoneditor-icons.png');
}
body .jsoneditor-contextmenu ul li button div.expand {
  background-image: url('vendor/jsoneditor-icons.png');
}
section.login {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
section.login.ng-enter,
section.login.ng-leave {
  transition: opacity 0.3s;
}
section.login.ng-leave.ng-leave-active,
section.login.ng-enter {
  opacity: 0;
  filter: alpha(opacity=0);
}
section.login.ng-leave,
section.login.ng-enter.ng-enter-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
section.login .backcover {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: black;
  opacity: 0.9;
  filter: alpha(opacity=90);
  z-index: 1;
}
section.login .login-window {
  position: absolute;
  top: 100px;
  left: calc(50% - 150px);
  width: 325px;
  background: #222;
  border-radius: 10px;
  z-index: 2;
  padding: 20px;
}
section.login .login-window .fa-remove {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  color: #555;
  cursor: pointer;
  font-size: 18px;
}
section.login .login-window .fa-remove:hover {
  color: #aaa;
}
section.login .login-window h2 {
  text-align: center;
  color: #FFD180;
  margin: 0 0 30px 0;
}
section.login form md-input-container {
  margin-left: 42px;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 20px;
  padding-bottom: 0;
}
section.login form md-input-container input {
  width: 100%;
}
section.login form md-input-container input:-webkit-autofill {
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: 0 0 0px 1000px #222 inset;
  border-bottom: 1px solid #444 !important;
}
section.login form md-input-container input:-webkit-autofill:focus {
  border-bottom: 2px solid #3f51b5 !important;
}
section.login form .controls {
  margin-top: -25px;
  color: #555;
  padding-left: 42px;
}
section.login form .controls .github,
section.login form .controls .steam {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: cover !important;
  position: relative;
  top: 14px;
  cursor: pointer;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
section.login form .controls .github:hover,
section.login form .controls .steam:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
section.login form .controls .github {
  background: transparent url('components/login/github4.svg');
}
section.login form .controls .steam {
  background: transparent url('components/login/steam.svg');
  margin-right: 5px;
}
section.login form .controls .or {
  margin: 0 10px;
  font-weight: bold;
}
section.login form .controls .md-button {
  width: 100px;
  margin-bottom: 15px;
}
section.login form .controls .md-button.striped {
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
  -webkit-animation: progress-bar-stripes 2s linear infinite !important;
  -moz-animation: progress-bar-stripes 2s linear infinite !important;
  -ms-animation: progress-bar-stripes 2s linear infinite !important;
  -o-animation: progress-bar-stripes 2s linear infinite !important;
  animation: progress-bar-stripes 2s linear infinite !important;
}
section.login form .controls a {
  display: block;
  outline: none;
  margin-top: 5px;
  font-size: 12px;
  color: #aaa;
  position: relative;
  top: 4px;
}
section.login form .controls .error {
  color: #FF9800;
  margin-top: 10px;
}
section.login form .form-group {
  margin-bottom: 0;
}
section.login form .fa {
  color: #666;
  font-size: 24px;
  position: relative;
  top: 3px;
  width: 30px;
  text-align: center;
}
section.register {
  margin: 0 auto 0 auto;
  width: 500px;
  font-size: 23px;
  font-family: 'Roboto';
  color: #ccc;
  padding-bottom: 30px;
}
section.register .register-disabled {
  margin-top: 30px;
  font-size: 16px;
  text-align: center;
}
section.register .register-block {
  margin: 15px 10px;
  background: #222;
  padding: 20px 20px 20px 20px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
section.register h2 {
  color: #FFD180;
  text-align: center;
  font-size: 26px;
}
section.register .controls {
  padding-left: 30px;
  padding-top: 5px;
}
section.register .controls.controls-center {
  text-align: center;
  padding-left: 0;
}
section.register .controls .or {
  display: inline-block;
  margin: 0 10px;
  font-size: 18px;
  color: #333;
  font-weight: bold;
}
section.register .controls .github,
section.register .controls .steam {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-size: cover !important;
  position: relative;
  top: 14px;
  cursor: pointer;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
section.register .controls .github:hover,
section.register .controls .steam:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
section.register .controls .github {
  background: transparent url('components/login/github4.svg');
}
section.register .controls .steam {
  background: transparent url('components/login/steam.svg');
  margin-right: 5px;
}
section.register .md-button {
  width: 150px;
  height: 50px;
  text-transform: uppercase;
}
section.register .md-button.striped {
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
  -webkit-animation: progress-bar-stripes 2s linear infinite !important;
  -moz-animation: progress-bar-stripes 2s linear infinite !important;
  -ms-animation: progress-bar-stripes 2s linear infinite !important;
  -o-animation: progress-bar-stripes 2s linear infinite !important;
  animation: progress-bar-stripes 2s linear infinite !important;
}
section.register .md-button[disabled] {
  background-color: #222 !important;
}
section.register .register-confirm {
  text-align: center;
  color: #ccc;
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 300;
}
section.register .terms {
  margin: 20px 30px 0 30px;
  font-size: 13px;
  color: #666;
}
section.register .recaptcha {
  padding: 10px 30px 0 30px;
}
section.register .md-label {
  font-size: 14px;
  font-weight: 300;
}
section.register .login-existing {
  margin-top: 20px;
  text-align: center;
}
section.register .login-existing a {
  color: #999;
  font-size: 14px;
  font-weight: 300;
}
section.account {
  max-width: 900px;
  margin: 30px auto 0 auto;
  font-family: Roboto, sans-serif;
  color: #ccc;
  max-width: 600px;
  text-align: center;
  padding-bottom: 20px;
}
section.account .account-block {
  background: #222;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  padding: 20px 20px 0 20px;
  margin: 20px 10px;
  text-align: left;
}
section.account .account-block h2 {
  margin: 0 0 10px 0;
  color: #FFD180;
}
section.account .account-block .account-option {
  border-bottom: 1px solid #3a3a3a;
  position: relative;
  padding: 20px 0;
}
section.account .account-block .account-option:last-child {
  border-bottom: 0;
}
section.account .account-block .account-option label {
  display: inline-block;
  width: 250px;
}
section.account .account-block .account-option .value {
  display: inline-block;
  color: #777;
}
section.account .account-block .account-option .value.value-badge img {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
section.account .account-block .account-option .value.value-danger {
  color: #ff4f4f;
}
section.account .account-block .account-option .value.value-accent {
  color: #4DB6AC;
}
section.account .account-block a.account-option {
  display: block;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
section.account .account-block a.account-option label,
section.account .account-block a.account-option .value {
  cursor: pointer;
}
section.account .account-block a.account-option:hover,
section.account .account-block a.account-option.striped {
  background: #2a2a2a;
  margin: -1px -20px 0 -20px;
  padding: 20px 20px 20px 20px;
  border-top: 1px solid #3a3a3a;
}
section.account .account-block a.account-option.striped {
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent) !important;
  background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent) !important;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
  -webkit-animation: progress-bar-stripes 2s linear infinite !important;
  -moz-animation: progress-bar-stripes 2s linear infinite !important;
  -ms-animation: progress-bar-stripes 2s linear infinite !important;
  -o-animation: progress-bar-stripes 2s linear infinite !important;
  animation: progress-bar-stripes 2s linear infinite !important;
}
section.account .account-block .account-note {
  color: #777;
  margin: 15px 0;
}
section.account .account-block .md-button {
  margin-left: -5px;
  margin-bottom: 10px;
}
section.account .account-block .account-controls {
  margin-top: 10px;
  text-align: right;
  min-height: 3em;
}
section.account .account-block .account-controls .md-button {
  min-width: 70px;
  margin-left: 10px;
  vertical-align: middle;
}
section.account .account-block .account-controls .pull-left .md-button {
  margin: 0 10px 0 0;
}
section.account .account-block md-input-container {
  font-size: 18px;
}
section.account .account-block .account-input-note {
  padding-left: 2px;
  font-size: 13px;
  margin-bottom: 10px;
}
section.account .account-block .account-input-error {
  padding-left: 2px;
  font-size: 13px;
  color: #FF9800;
  margin-bottom: 10px;
  display: block;
}
section.account .account-block.github span {
  display: inline-block;
}
section.account .account-block.github span.mute {
  color: #777;
}
section.account .account-block.github .ui-drop-group {
  margin: 0 10px;
  position: relative;
  top: -1px;
}
section.account .account-block.github input {
  margin-left: 3px;
  background: transparent;
  border: 0;
  color: #aaa;
  border-bottom: 1px solid #777;
}
section.account .account-block.github input::-webkit-input-placeholder {
  color: #555;
}
section.account .account-block.github input::-moz-placeholder {
  color: #555;
}
section.account .account-block.github .error {
  color: #FF9800;
}
section.account > a {
  text-align: center;
  color: #FFD180;
  font-size: 13px;
}
.account-auth-tokens__introduction {
  font-weight: 300;
  color: #999;
  font-size: 13px;
}
.account-auth-tokens__introduction:last-child {
  padding-bottom: 20px;
}
.account-auth-tokens__token-access {
  margin-left: 20px;
  margin-top: 10px;
}
.account-auth-tokens__token-key {
  color: #999;
  font-family: monospace;
}
.account-auth-tokens__token-description {
  color: #7986CB;
  font-size: 12px;
}
.account-auth-tokens__token-noratelimit {
  color: #4DB6AC;
  font-size: 12px;
}
.account-auth-tokens__remove {
  float: right;
  color: #924a4a;
  font-size: 18px !important;
  margin-top: -5px !important;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: pointer;
}
.account-auth-tokens__remove:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.account-auth-tokens__disable-rate-limit {
  float: right;
  position: relative;
  color: #7986CB;
  font-size: 18px !important;
  margin-top: -5px !important;
  margin-right: 10px !important;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: pointer;
}
.account-auth-tokens__disable-rate-limit:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.account-auth-tokens h4 {
  color: #FFD180;
  font-size: 16px;
  margin-bottom: 20px;
}
.account-auth-tokens__selected-endpoints {
  margin-top: 10px;
}
.account-auth-tokens md-input-container {
  margin-bottom: 0;
  padding: 0;
  font-size: 15px !important;
}
.account-auth-tokens__note {
  font-size: 13px;
  color: #999;
  padding-top: 5px;
  clear: left;
}
.account-auth-tokens-noratelimit {
  padding: 20px;
  color: #aaa;
  text-align: center;
  font-size: 14px;
  min-height: 700px;
}
.account-auth-tokens-noratelimit__logo {
  margin-bottom: 50px;
  display: inline-block;
}
.account-auth-tokens-noratelimit__token label {
  color: #999;
  display: inline-block;
}
.account-auth-tokens-noratelimit__token div {
  display: inline-block;
  color: #fff;
  font-size: 15px;
  font-family: monospace;
}
.account-auth-tokens-noratelimit__error {
  color: #b35f5f;
  margin-top: 10px;
  font-size: 12px;
}
.account-auth-tokens-noratelimit .md-button {
  padding: 10px 20px;
}
.account-auth-tokens-noratelimit .grecaptcha-badge {
  box-shadow: none !important;
}
.account-badge strong {
  color: #FF9800;
}
.account-badge .choose-symbol h4 {
  margin-bottom: 10px;
}
.account-badge .choose-symbol .symbol {
  margin: 20px 40px 10px 0;
  transition: transform 0.3s, box-shadow 0.3s;
  cursor: pointer;
}
.account-badge .choose-symbol .symbol:hover {
  -webkit-transform: translate(0, -3px);
  -ms-transform: translate(0, -3px);
  -o-transform: translate(0, -3px);
  transform: translate(0, -3px);
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.4);
}
.account-badge .customize-symbol .account-note {
  margin: 0 !important;
  text-transform: uppercase;
  font-size: 13px;
}
.account-badge .symbol {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  box-sizing: content-box;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  vertical-align: middle;
}
.account-badge .symbol img {
  width: 100%;
  height: 100%;
}
.account-badge .symbol.symbol100 {
  width: 100px;
  height: 100px;
}
.account-badge .symbol-preview {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.account-badge .symbol-preview .preview-line {
  text-align: center;
  position: relative;
  margin-bottom: 25px;
  min-height: 2em;
}
.account-badge .symbol-preview .game-objects {
  background: #2b2b2b;
  padding: 20px 10px 1px 10px;
  overflow: hidden;
}
.account-badge .symbol-preview .game-object-lg {
  position: absolute;
  width: 1400px;
  height: 1400px;
  left: 9px;
  top: 0;
}
.account-badge .symbol-preview .game-object-lg.game-object-2 {
  left: 55px;
}
.account-badge .symbol-preview .game-object-lg.game-object-3 {
  left: 101px;
}
.account-badge .symbol-preview .game-object-md {
  position: absolute;
  width: 1000px;
  height: 1000px;
  left: 60px;
  top: 4px;
}
.account-badge .symbol-preview .game-object-xs {
  position: absolute;
  width: 600px;
  height: 600px;
  left: 110px;
  top: 8px;
}
.account-badge .symbol-preview svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.account-badge .symbol-controls-item {
  display: flex;
  padding: 10px 0 10px 10px;
  align-items: center;
}
.account-badge .symbol-controls-item .account-note {
  width: 80px;
}
.account-badge .symbol-controls-item .symbol-controls-value {
  flex-grow: 1;
}
.account-badge .symbol-controls-item .sp-replacer {
  background-color: #2b2b2b;
  color: #999;
  border-color: transparent;
}
.account-badge .symbol-controls-item .sp-replacer:hover {
  border-color: #555;
}
.account-badge .symbol-controls-item .sp-replacer .sp-preview {
  border: 0;
}
.account-badge .symbol-color-palette {
  margin: 10px 0;
}
.account-badge .symbol-color-palette .color {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 2px 0 0;
  transition: transform .2s;
  cursor: pointer;
}
.account-badge .symbol-color-palette .color:hover {
  -webkit-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}
.account-badge .symbol-color-palette .color.active {
  -webkit-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  border: 1px solid white;
}
.account-runtime__introduction {
  font-weight: 300;
  color: #999;
  font-size: 13px;
  margin-bottom: 20px;
}
.account-subscription .account-block {
  padding-bottom: 10px !important;
}
.account-subscription .subscription-active {
  display: inline-block;
  color: #4DB6AC;
  margin-right: 5px;
}
.account-subscription .subscription-inactive {
  display: inline-block;
  color: #ff4f4f;
  margin-right: 5px;
}
.account-subscription .subscription-days {
  display: inline-block;
  color: #777;
  margin-left: 5px;
}
.account-subscription .subscription-amount {
  display: inline-block;
  color: #fff;
  margin-right: 5px;
}
.account-subscription .steam-problem {
  color: #ff4f4f;
}
.account-subscription .col-xs-4 {
  color: #777;
}
.account-subscription .row {
  margin-bottom: 10px;
}
.account-subscription .md-button {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-top: 10px;
  font-weight: normal;
}
.account-subscription .md-button.md-raised {
  padding-left: 15px;
  padding-right: 15px;
}
.account-subscription p {
  color: #aaa;
}
.account-subscription p strong {
  color: white;
  font-weight: normal;
}
section.profile-cpu {
  max-width: 900px;
  margin: 30px auto 0 auto;
  font-family: Roboto, sans-serif;
  color: #ccc;
  width: 600px;
}
section.profile-cpu .header-jumbotron {
  padding: 15px 30px;
  text-align: center;
}
section.profile-cpu .cpu-desc {
  margin: 20px auto;
  width: 488px;
  color: #999;
}
section.profile-cpu .cpu-desc b {
  color: #ddd;
  font-weight: normal;
}
section.profile-cpu .cpu-stats-overview {
  margin-top: 20px;
  text-align: center;
}
section.profile-cpu .cpu-stats-overview .cpu-stat {
  display: inline-block;
  width: 150px;
  height: 160px;
  background: #222;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  padding: 20px 10px;
  margin: 0 8px;
  overflow: hidden;
  vertical-align: middle;
}
section.profile-cpu .cpu-stats-overview .cpu-stat .cpu-stat-title {
  color: #FFD180;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
}
section.profile-cpu .cpu-stats-overview .cpu-stat .cpu-stat-counter {
  font-size: 30px;
  margin-bottom: 15px;
  font-weight: bold;
}
section.profile-cpu .cpu-stats-overview .cpu-stat .cpu-stat-counter.stat-disabled {
  color: #666;
}
section.profile-cpu .cpu-stats-overview .cpu-stat .cpu-stat-counter.stat-blocked {
  color: #a44;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 42px;
}
section.profile-cpu .cpu-stats-overview .cpu-stat .md-button {
  display: inline-block;
  width: 100px;
  text-transform: uppercase;
}
section.profile-cpu .cpu-stats-overview .cpu-stat .cpu-next-charge-date {
  color: #777;
  font-size: 12px;
}
section.profile-cpu .cpu-stats-overview .cpu-stat .cpu-next-charge-date span {
  color: #aaa;
}
section.profile-cpu .cpu-stats-overview .cpu-stat.cpu-stat-limit {
  transition: transform .5s, background .5s;
}
section.profile-cpu .cpu-stats-overview .cpu-stat.cpu-stat-limit.active {
  -webkit-transform: translate(0, 15px);
  -ms-transform: translate(0, 15px);
  -o-transform: translate(0, 15px);
  transform: translate(0, 15px);
  background: #333;
  box-shadow: none;
}
section.profile-cpu .cpu-stats-overview .cpu-stat.cpu-stat-limit .md-button.ng-animate {
  transition: none !important;
}
section.profile-cpu .cpu-stats-overview .cpu-equation-mark {
  display: inline-block;
  color: #444;
  font-size: 40px;
  vertical-align: top;
  padding-top: 39px;
  display: none;
}
section.profile-cpu .cpu-graph {
  margin-top: 20px;
  background: #111;
  height: 300px;
}
section.profile-cpu .cpu-limit-change {
  background: #333;
  z-index: 2;
  width: 400px;
  position: relative;
  margin: 15px auto;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  padding: 15px 25px 55px 25px;
}
section.profile-cpu .cpu-limit-change.ng-leave,
section.profile-cpu .cpu-limit-change.ng-enter {
  display: block !important;
  transition: opacity 0.5s, transform 0.5s;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
}
section.profile-cpu .cpu-limit-change.ng-leave.ng-leave-active,
section.profile-cpu .cpu-limit-change.ng-enter {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0, -15px);
  -ms-transform: translate(0, -15px);
  -o-transform: translate(0, -15px);
  transform: translate(0, -15px);
}
section.profile-cpu .cpu-limit-change.ng-leave,
section.profile-cpu .cpu-limit-change.ng-enter.ng-enter-active {
  -webkit-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  -o-transform: translate(0, 0%);
  transform: translate(0, 0%);
  opacity: 1;
  filter: alpha(opacity=100);
}
section.profile-cpu .cpu-limit-change .md-thumb {
  top: 6px;
  cursor: pointer;
}
section.profile-cpu .cpu-limit-change .md-track {
  height: 4px;
}
section.profile-cpu .cpu-limit-change .md-button {
  float: right !important;
  text-transform: uppercase;
  padding: 8px 15px;
  margin-top: 5px;
}
section.profile-cpu .cpu-limit-change .limit-note {
  float: left !important;
  line-height: 50px;
}
section.profile-cpu .cpu-limit-change .limit-note.limit-note-return {
  color: #4DB6AC;
}
section.profile-cpu .cpu-limit-change .limit-note.limit-note-insufficient {
  color: #FF9800;
}
section.early-preview-request {
  max-width: 900px;
  margin: 30px auto 0 auto;
  font-family: Roboto, sans-serif;
  color: #ccc;
  width: 455px;
}
section.early-preview-request h2 {
  color: #FFD180;
}
section.early-preview-request .note {
  color: #999;
}
section.early-preview-request md-input-container {
  padding-bottom: 3px;
}
section.early-preview-request form {
  color: #666;
}
section.early-preview-request .birth .title {
  position: relative;
  padding-top: 25px;
}
section.early-preview-request .qualify {
  margin-top: 20px;
}
section.early-preview-request .form-controls {
  margin-top: 25px;
  text-align: center;
}
section.early-preview-request .form-controls button {
  font-size: 16px;
  padding: 10px 25px;
}
section.messages-index {
  max-width: 900px;
  margin: 30px auto 0 auto;
  font-family: Roboto, sans-serif;
  color: #ccc;
  max-width: 700px;
}
section.messages-index .header-jumbotron {
  margin-bottom: 0px;
  padding: 18px 30px;
  position: relative;
}
section.messages-index .header-jumbotron .fab-back {
  top: 16px;
}
section.messages-index .header-jumbotron h1 {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}
section.messages-index .messages-list {
  padding: 20px;
}
section.messages-index .messages-list .message {
  padding: 10px;
  border-bottom: 1px solid #333;
  position: relative;
  cursor: pointer;
}
section.messages-index .messages-list .message .message-badge {
  position: absolute;
  left: 10px;
  top: 12px;
  border-radius: 100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  width: 40px;
  height: 40px;
}
section.messages-index .messages-list .message .message-author {
  margin-left: 55px;
}
section.messages-index .messages-list .message .message-date {
  display: inline-block;
  color: #575757;
  font-size: 11px;
  margin-left: 20px;
}
section.messages-index .messages-list .message .message-text {
  margin-left: 55px;
  margin-top: 5px;
  color: #ccc;
  font-weight: 300;
}
section.messages-index .messages-list .message .message-text .out {
  padding: 5px;
}
section.messages-index .messages-list .message .message-text .out .message-out-badge {
  border-radius: 100%;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: middle;
}
section.messages-index .messages-list .message .message-text .out span {
  vertical-align: middle;
}
section.messages-index .messages-list .message:hover {
  background-color: #222;
}
section.messages-index .messages-list .unread {
  background: rgba(255, 209, 128, 0.06);
}
section.messages-index .messages-list .empty {
  font-size: 18px;
  color: #777;
  padding: 10px;
  margin-top: 10px;
}
section.messages-respondent {
  max-width: 900px;
  margin: 30px auto 0 auto;
  font-family: Roboto, sans-serif;
  color: #ccc;
  max-width: 700px;
}
section.messages-respondent .header-jumbotron {
  margin-bottom: 0px;
  padding: 18px 30px;
  position: relative;
}
section.messages-respondent .header-jumbotron .fab-back {
  top: 16px;
}
section.messages-respondent .header-jumbotron h1 {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}
section.messages-respondent .header-jumbotron .md-button.btn-action {
  font-size: 17px;
  padding: 10px 15px;
  vertical-align: middle;
  position: relative;
  top: 3px;
  text-decoration: none;
}
section.messages-respondent .header-jumbotron .md-button.btn-action .md-button {
  position: relative;
  top: 4px;
}
section.messages-respondent .header-jumbotron .pull-right .md-button {
  position: relative;
  top: 4px;
}
section.messages-respondent h2 {
  color: #FFD180;
  margin: 30px 0 0 30px;
}
section.messages-respondent .messages-list {
  overflow: auto;
  height: 400px;
  padding: 0 30px;
  margin: 5px 0;
}
section.messages-respondent .messages-list .message-item {
  margin: 5px -5px;
  padding: 5px;
}
section.messages-respondent .messages-list .message-item .message-badge {
  border-radius: 100%;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
  vertical-align: top;
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
}
section.messages-respondent .messages-list .message-item .message-text {
  display: inline-block;
  max-width: 470px;
  vertical-align: top;
  margin: 0 8px 0 5px;
  font-size: 14px;
  color: #ccc;
  font-weight: 300;
}
section.messages-respondent .messages-list .message-item .message-text p {
  margin: 0;
  line-height: inherit;
}
section.messages-respondent .messages-list .message-item .message-text p + p {
  margin-top: .7em;
}
section.messages-respondent .messages-list .message-item .message-text blockquote {
  padding: 0px 10px;
  margin: 0 0 10px;
  font-size: 13px;
  border-left: 1px solid #515151;
  color: #888;
}
section.messages-respondent .messages-list .message-item .message-text img {
  max-width: 100%;
}
section.messages-respondent .messages-list .message-item .message-text :not(pre) > code[class*="language-"] {
  background: #272727 !important;
  color: #ddd !important;
  padding: 2px 4px;
  font-size: 90%;
  border-radius: 4px;
}
section.messages-respondent .messages-list .message-item .message-date {
  display: inline-block;
  vertical-align: top;
  font-size: 10px;
  color: #575757;
  position: relative;
  top: 4px;
}
section.messages-respondent .messages-list .message-item.unread {
  background: rgba(255, 209, 128, 0.06);
}
section.messages-respondent .messages-list .empty {
  font-size: 18px;
  margin-top: 20px;
  color: #555;
}
section.messages-respondent .write-message {
  padding: 5px 30px;
}
section.messages-respondent .write-message textarea {
  vertical-align: top;
  overflow: auto;
  display: block;
  width: 100%;
  background: #1A1A1A;
  border: 0;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
  padding: 10px;
  font-size: 14px;
  color: #ccc;
  font-weight: 300;
  resize: vertical;
}
section.messages-respondent .write-message textarea::-webkit-input-placeholder {
  color: #666;
}
section.messages-respondent .write-message .md-button {
  padding: 7px 14px;
}
section.messages-respondent .write-message .markdown-note {
  display: inline-block;
  margin-left: 10px;
  color: #555;
  font-size: 13px;
}
section.messages-respondent .write-message .markdown-note a {
  color: #555;
  text-decoration: underline;
}
section.profile {
  max-width: 900px;
  margin: 30px auto 0 auto;
  font-family: Roboto, sans-serif;
  color: #ccc;
}
section.profile .header-jumbotron {
  margin-bottom: 20px;
}
section.profile .header-jumbotron .portrait {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 20px;
  border-radius: 100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  vertical-align: middle;
}
section.profile .header-jumbotron .portrait img {
  width: 100%;
  height: 100%;
}
section.profile .header-jumbotron .profile-title {
  display: inline-block;
  vertical-align: middle;
}
section.profile .header-jumbotron .profile-title h1 {
  margin-bottom: 5px;
}
section.profile .header-jumbotron .profile-title a {
  font-size: 15px;
  font-weight: 300;
}
section.profile .header-jumbotron .md-button {
  float: right !important;
  font-size: 17px;
  padding: 10px 15px;
  vertical-align: middle;
  position: relative;
  top: 3px;
  text-decoration: none;
}
section.profile .header-jumbotron .gcl {
  float: right !important;
  cursor: default;
  display: inline-block;
  border-radius: 100%;
  margin: -10px 0 -10px 20px;
  font-size: 27px;
  width: 73px;
  height: 73px;
  padding: 11px 2px 0 2px;
  border: 6px solid #4DB6AC;
  color: #A7FFEB;
  font-weight: bold;
  background: #333;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
  text-align: center;
}
section.profile .header-jumbotron .gcl .gcl-title {
  font-size: 11px;
  font-weight: 300;
  line-height: 0.8;
}
section.profile .header-jumbotron .power {
  float: right !important;
  margin: -10px 0 -10px 20px;
  display: inline-block;
  border: 6px solid #C54444;
  border-radius: 100%;
  padding: 11px 2px 0 2px;
  text-align: center;
  color: #FF9A9A;
  font-size: 27px;
  font-weight: bold;
  width: 73px;
  height: 73px;
  background: #333;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
}
section.profile .header-jumbotron .power .power-title {
  font-size: 11px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 0.8;
}
section.profile .stats-controls {
  margin: 10px 0 -15px 10px;
  position: relative;
  z-index: 1;
}
section.profile .stats-controls .dropdown-toggle {
  color: #888 !important;
  font-weight: normal !important;
}
section.profile .profile-stats {
  margin: 0;
}
section.profile .survival {
  background: #222;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  padding: 10px 30px 5px 30px;
  margin: 0 10px;
  text-align: left;
}
section.profile .survival h2 {
  color: #FFD180;
  font-size: 23px;
  margin-bottom: 0;
}
section.profile .survival .profile-seasons-list {
  margin-bottom: 5px;
}
section.profile .survival .profile-season {
  padding: 10px 0;
  border-bottom: 1px solid #333;
}
section.profile .survival .profile-season:before,
section.profile .survival .profile-season:after {
  content: " ";
  display: table;
}
section.profile .survival .profile-season:after {
  clear: both;
}
section.profile .survival .profile-season:before,
section.profile .survival .profile-season:after {
  content: " ";
  display: table;
}
section.profile .survival .profile-season:after {
  clear: both;
}
section.profile .survival .profile-season .season-name {
  font-family: Roboto, sans-serif;
  color: #999;
  font-size: 20px;
  font-weight: 200;
  vertical-align: middle;
}
section.profile .survival .profile-season .season-name .season-name-label {
  color: #eee;
  padding-top: 11px;
  margin-bottom: 5px;
}
section.profile .survival .profile-season .season-name .value {
  font-size: 16px;
}
section.profile .survival .profile-season .rank,
section.profile .survival .profile-season .score {
  border-radius: 10px;
  border: 5px solid rgba(255, 183, 77, 0.2);
  text-align: center;
  display: inline-block;
  float: right !important;
  width: 100px;
  height: 80px;
  margin-left: 20px;
  padding: 7px 10px 0 10px;
  z-index: 1;
  position: relative;
}
section.profile .survival .profile-season .rank .title,
section.profile .survival .profile-season .score .title {
  font-size: 10px;
  color: #FFB74D;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
section.profile .survival .profile-season .rank .value,
section.profile .survival .profile-season .score .value {
  font-size: 24px;
  font-weight: bold;
  color: #FFB74D;
  text-decoration: none;
}
section.profile .survival .profile-season .rank a.value:hover,
section.profile .survival .profile-season .score a.value:hover {
  color: #FFD180;
  text-decoration: underline;
}
section.profile .survival .profile-season .rank.rank,
section.profile .survival .profile-season .score.rank {
  margin-left: 60px;
}
section.profile .survival .profile-season .rank.power,
section.profile .survival .profile-season .score.power {
  border-color: rgba(177, 81, 81, 0.44);
}
section.profile .survival .profile-season .rank.power .title,
section.profile .survival .profile-season .score.power .title {
  color: #F77;
}
section.profile .survival .profile-season .rank.power .value,
section.profile .survival .profile-season .score.power .value {
  color: #E04040;
}
section.profile .survival .md-button {
  width: 100%;
  margin-top: 10px;
}
section.profile .survival .profile-seasons-hidden.ng-enter,
section.profile .survival .profile-seasons-hidden.ng-leave {
  transition: opacity 0.2s;
}
section.profile .survival .profile-seasons-hidden.ng-leave.ng-leave-active,
section.profile .survival .profile-seasons-hidden.ng-enter {
  opacity: 0;
  filter: alpha(opacity=0);
}
section.profile .survival .profile-seasons-hidden.ng-leave,
section.profile .survival .profile-seasons-hidden.ng-enter.ng-enter-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
section.profile .survival .profile-seasons-hidden.ng-leave,
section.profile .survival .profile-seasons-hidden.ng-enter {
  display: block !important;
  transition: opacity 0.2s, transform 0.2s;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
}
section.profile .survival .profile-seasons-hidden.ng-leave.ng-leave-active,
section.profile .survival .profile-seasons-hidden.ng-enter {
  -webkit-transform: translate(0, -10%);
  -ms-transform: translate(0, -10%);
  -o-transform: translate(0, -10%);
  transform: translate(0, -10%);
}
section.profile .survival .profile-seasons-hidden.ng-leave,
section.profile .survival .profile-seasons-hidden.ng-enter.ng-enter-active {
  -webkit-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  -o-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
section.profile .survival .profile-seasons-hidden .profile-season .season-name {
  font-size: 16px;
  line-height: 30px;
}
section.profile .survival .profile-seasons-hidden .profile-season .rank,
section.profile .survival .profile-seasons-hidden .profile-season .score {
  border: 0;
  padding: 0;
  height: auto;
}
section.profile .survival .profile-seasons-hidden .profile-season .rank .value,
section.profile .survival .profile-seasons-hidden .profile-season .score .value {
  font-size: 16px;
  font-weight: normal;
  position: relative;
  top: 2px;
}
section.profile .rooms {
  padding: 15px 20px 10px 30px;
  background: #222;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  margin: 20px 10px;
  text-align: left;
}
section.profile .rooms h2 {
  color: #FFD180;
  padding: 0;
  margin: 0 0 15px 0;
}
section.profile .rooms h2 .profile-shard__title {
  display: inline;
  font-weight: 300;
  color: #aaa;
}
section.profile .rooms .room-preview {
  position: relative;
  width: 150px;
  height: 150px;
  margin-bottom: 15px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.3);
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  margin-right: 15px;
}
section.profile .rooms .room-preview canvas {
  position: absolute;
  left: 0;
  top: 0;
}
section.profile .rooms .room-preview img {
  width: 150px;
  height: 150px;
}
section.profile .rooms .room-preview .room-title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background-color: rgba(63, 81, 181, 0.8);
  transition: bottom .2s;
  color: white;
}
section.profile .rooms .room-preview:hover .room-title {
  bottom: 0;
}
header {
  background: #191A1E;
  border-radius: 0 !important;
  border-bottom: 1px solid #111 !important;
  border-right: 0 !important;
}
header.navbar {
  margin-bottom: 0;
}
header.ptr {
  top: 70px;
}
header a {
  color: #ddd;
}
header .navbar-brand {
  min-width: 240px;
  padding: 8px 15px 8px 60px;
  cursor: pointer;
}
header .navbar-brand:hover .icon-material-menu {
  color: #fff !important;
}
header .navbar-brand .navbar-counter {
  position: absolute;
  left: 26px;
  top: 18px;
  font-size: 9px;
  background-color: #e43838;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  text-align: center;
  color: white;
  line-height: 17px;
}
header .logo-blinking {
  position: relative;
  left: -24px;
  display: inline-block;
  width: 165px;
  height: 30px;
  background: transparent url(logotype.svg);
  background-size: 165px 30px;
  background-repeat: no-repeat;
  background-position: left bottom;
}
header .logo-blinking--blink {
  width: 141px;
}
header .nav li a {
  color: #aaa;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  background: transparent !important;
}
header .nav li a:hover {
  color: #ffe9a8;
}
header .nav li.active {
  background-color: black !important;
}
header .nav li.active a {
  color: white;
}
header .navbar-messages {
  float: right !important;
  line-height: 40px;
  height: 40px;
  width: 50px;
  text-align: center;
  cursor: pointer;
}
header .navbar-messages .icon-container {
  position: relative;
  z-index: 100;
}
header .navbar-messages .icon-container.new-mail-add {
  transition: opacity .5s, transform .5s;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  opacity: 0;
  -webkit-transform: scale(5) translateY(7px);
  transform: scale(5) translateY(7px);
}
header .navbar-messages .icon-container.new-mail-add.new-mail-add-active {
  opacity: 1;
  -webkit-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
header .navbar-messages .icon {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 4px;
  left: 9px;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
header .navbar-messages .messages-counter {
  display: inline-block;
  vertical-align: middle;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  position: relative;
  font-size: 10px;
  background-color: rgba(136, 136, 136, 0.53);
  color: #bbb;
}
header .navbar-messages.unread .icon {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
header .navbar-messages.unread .messages-counter {
  background-color: rgba(255, 46, 46, 0.65);
  color: white;
}
header .navbar-messages:hover {
  background-color: #333;
}
header .navbar-resources {
  float: right;
  line-height: 40px;
  margin: 0 8px;
}
header .navbar-resources a {
  color: inherit;
  text-decoration: none;
}
header .navbar-resources a:hover {
  color: inherit;
  background: #292929;
}
header .navbar-resources .--flex {
  padding: 0px 8px;
}
header .navbar-profile {
  display: block;
  float: right !important;
}
header .navbar-profile .navbar-profile-btn {
  border: 0;
  background: #223F34 !important;
  line-height: 40px;
  padding: 0 0 0 10px;
  font-weight: bold;
  font-size: 12px;
  color: #ccc !important;
  cursor: pointer;
  width: 209px;
  text-align: left;
  box-shadow: none !important;
}
header .navbar-profile .navbar-profile-btn:hover {
  background: #2a4b3e !important;
}
header .navbar-profile .navbar-profile-btn:hover .navbar-sysbar {
  background: #2e5f44;
}
header .navbar-profile .navbar-profile-btn .profile-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background: #555;
  vertical-align: middle;
  margin-right: 7px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
header .navbar-profile .navbar-profile-btn span {
  vertical-align: middle;
  line-height: 12px;
  font-size: 13px;
  position: relative;
  top: -2px;
}
header .navbar-profile .navbar-profile-btn .username {
  max-width: 94px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  top: 1px;
}
header .navbar-profile .navbar-profile-btn .caret {
  position: relative;
  top: -1px;
}
header .navbar-profile .dropdown-menu {
  min-width: 209px;
  max-height: 400px;
  top: 38px;
  margin: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
  background: #fff;
  padding: 0;
  transition: none !important;
}
header .navbar-profile .dropdown-menu .sysbar {
  display: block;
  white-space: nowrap;
  padding: 2px 10px 10px 10px;
}
header .navbar-profile .dropdown-menu .sysbar .sysbar-title {
  font-size: 11px;
  position: absolute;
  top: 3px;
  left: 6px;
  padding-left: 30px;
}
header .navbar-profile .dropdown-menu .sysbar .sysbar-title span {
  color: rgba(0, 0, 0, 0.4);
  margin-right: 5px;
  font-weight: normal;
  position: absolute;
  top: 0;
  left: 0;
}
header .navbar-profile .dropdown-menu .sysbar .sysbar-title .off {
  color: #cd0a0a;
}
header .navbar-profile .dropdown-menu .sysbar .sysbar-indicator {
  width: 100%;
  height: 20px;
  background: #e0e0e0;
  overflow: hidden;
  position: relative;
}
header .navbar-profile .dropdown-menu .sysbar .sysbar-indicator .sysbar-indicator-progress {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  transition: width .33s;
  background: #46db78;
}
header .navbar-profile .dropdown-menu .sysbar .sysbar-indicator .sysbar-indicator-progress .warning,
header .navbar-profile .dropdown-menu .sysbar .sysbar-indicator .sysbar-indicator-progress .error {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
header .navbar-profile .dropdown-menu .sysbar .sysbar-indicator .sysbar-indicator-progress .warning {
  background: #FFD180;
  transition: opacity .33s;
}
header .navbar-profile .dropdown-menu .sysbar .sysbar-indicator .sysbar-indicator-progress .error {
  background: #ff5154;
}
header .navbar-profile .dropdown-menu .sysbar .sysbar-indicator .sysbar-indicator-progress .error.ng-hide-add,
header .navbar-profile .dropdown-menu .sysbar .sysbar-indicator .sysbar-indicator-progress .error.ng-hide-remove {
  display: block !important;
  transition: opacity 0.33s;
}
header .navbar-profile .dropdown-menu .sysbar .sysbar-indicator .sysbar-indicator-progress .error.ng-hide-add.ng-hide-add-active,
header .navbar-profile .dropdown-menu .sysbar .sysbar-indicator .sysbar-indicator-progress .error.ng-hide-remove {
  opacity: 0;
  filter: alpha(opacity=0);
}
header .navbar-profile .dropdown-menu .sysbar .sysbar-indicator .sysbar-indicator-progress .error.ng-hide-add,
header .navbar-profile .dropdown-menu .sysbar .sysbar-indicator .sysbar-indicator-progress .error.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
header .navbar-profile .dropdown-menu .sysbar .cpu,
header .navbar-profile .dropdown-menu .sysbar .mem {
  position: relative;
}
header .navbar-profile .dropdown-menu .sysbar .cpu {
  margin-bottom: 10px;
}
header .navbar-profile .dropdown-menu .sysbar .cpu-note {
  text-align: center;
  font-size: 11px;
  display: block;
  color: #777;
  padding: 5px 10px;
  margin: 10px 0 0 0;
}
header .navbar-profile .dropdown-menu .sysbar .cpu-note:hover {
  background: #eee;
}
header .navbar-profile .dropdown-menu .sysbar .cpu-note .fa {
  margin-left: 1px;
  color: #ccc;
}
header .navbar-profile .dropdown-menu .profile-options {
  background: #e0e0e0;
  padding: 10px;
  text-align: center;
  font-size: 13px;
}
header .navbar-profile .dropdown-menu .profile-options ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
header .navbar-profile .dropdown-menu .profile-options .md-button {
  width: 100%;
  text-decoration: none !important;
  margin: 0;
}
header .navbar-profile .dropdown-menu .profile-options a:not(.md-button) {
  color: #428bca;
  margin-top: 10px;
  display: inline-block;
  background-color: inherit;
}
header .navbar-profile .dropdown-menu .profile-options a:not(.md-button):hover {
  text-decoration: underline;
}
header .navbar-profile .dropdown-menu .profile-options a:not(.md-button).respawn {
  color: #ff3336;
}
header .navbar-profile .open .navbar-profile-btn {
  background: #fff !important;
  color: #888 !important;
}
header .navbar-profile .open .navbar-profile-btn .username {
  max-width: 140px;
}
header .navbar-profile .open .navbar-sysbar {
  display: none;
}
header .navbar-sysbar {
  display: block;
  float: right !important;
  background: #22523E;
  width: 50px;
  cursor: pointer;
  padding: 3px;
  white-space: nowrap;
  overflow: hidden;
  height: 40px;
}
header .navbar-sysbar .sysbar-title {
  font-size: 10px;
  color: #88caa9;
  position: absolute;
  top: 3px;
  left: 6px;
  display: none;
}
header .navbar-sysbar .sysbar-indicator {
  position: absolute;
  top: 7px;
  left: 3px;
  right: 3px;
  height: 8px;
  background: #1e3c2c;
  overflow: hidden;
}
header .navbar-sysbar .sysbar-indicator .sysbar-indicator-progress {
  background: #609f82;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  transition: width .33s;
}
header .navbar-sysbar .sysbar-indicator .sysbar-indicator-progress .warning,
header .navbar-sysbar .sysbar-indicator .sysbar-indicator-progress .error {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
header .navbar-sysbar .sysbar-indicator .sysbar-indicator-progress .warning {
  background: #FFD180;
  transition: opacity .33s;
}
header .navbar-sysbar .sysbar-indicator .sysbar-indicator-progress .error {
  background: #ff5154;
}
header .navbar-sysbar .sysbar-indicator .sysbar-indicator-progress .error.ng-hide-add,
header .navbar-sysbar .sysbar-indicator .sysbar-indicator-progress .error.ng-hide-remove {
  display: block !important;
  transition: opacity 0.33s;
}
header .navbar-sysbar .sysbar-indicator .sysbar-indicator-progress .error.ng-hide-add.ng-hide-add-active,
header .navbar-sysbar .sysbar-indicator .sysbar-indicator-progress .error.ng-hide-remove {
  opacity: 0;
  filter: alpha(opacity=0);
}
header .navbar-sysbar .sysbar-indicator .sysbar-indicator-progress .error.ng-hide-add,
header .navbar-sysbar .sysbar-indicator .sysbar-indicator-progress .error.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
header .navbar-sysbar .cpu {
  height: 15px;
  position: relative;
}
header .navbar-sysbar .mem {
  height: 20px;
  position: relative;
}
header .not-logged {
  display: block;
  float: right !important;
  line-height: 40px;
  padding: 0 5px;
  font-size: 17px;
  color: #777;
  text-align: center;
  width: 209px;
  background: black;
  cursor: pointer;
}
header .not-logged:hover {
  background: #333;
  color: #ccc;
}
header .not-logged.striped {
  background: #223F34 !important;
}
header .not-logged.striped.striped {
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 40px 40px !important;
  -webkit-animation: progress-bar-stripes 2s linear infinite !important;
  -moz-animation: progress-bar-stripes 2s linear infinite !important;
  -ms-animation: progress-bar-stripes 2s linear infinite !important;
  -o-animation: progress-bar-stripes 2s linear infinite !important;
  animation: progress-bar-stripes 2s linear infinite !important;
}
header .not-logged.striped.ng-enter,
header .not-logged.striped.ng-leave {
  animation: none !important;
}
header .not-logged span {
  color: #ccc;
}
body .md-sidenav-backdrop {
  top: 42px;
  background-color: black;
}
body .md-sidenav-left {
  top: 42px;
  background-color: #292929;
  font-family: 'Roboto', Arial, sans-serif;
  padding-top: 10px;
}
body .md-sidenav-left .md-button {
  display: block;
  color: #ddd;
  padding: 10px 10px;
  text-align: left;
  font-size: 16px;
}
body .md-sidenav-left .md-button md-icon {
  margin: 0 10px 0 3px;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
body .md-sidenav-left .md-button .sidenav-item-counter {
  float: right;
  border-radius: 5px;
  background-color: #c33f3f;
  padding: 2px 10px;
  font-size: 12px;
  vertical-align: middle;
  color: white;
}
body .md-sidenav-left .sidenav-divider {
  height: 1px;
  background-color: #444;
  margin: 10px 0;
}
body .md-sidenav-left .sidenav-header {
  color: #999;
  padding: 5px 0 7px 13px;
  font-weight: 300;
  font-size: 13px;
  display: block;
}
body .md-sidenav-left .sidenav-terms {
  font-size: 13px;
  font-weight: 300;
  padding: 40px 13px 10px 13px;
  color: #999;
}
body .md-sidenav-left .sidenav-terms a {
  color: #999;
}
@-webkit-keyframes shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(-5px, 0);
  }
  40% {
    transform: translate(5px, 0);
  }
  60% {
    transform: translate(-5px, 0);
  }
  80% {
    transform: translate(5px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes shake {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(-5px, 0);
  }
  40% {
    transform: translate(5px, 0);
  }
  60% {
    transform: translate(-5px, 0);
  }
  80% {
    transform: translate(5px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
.anim-shake {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-webkit-keyframes shake2 {
  0% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(-5px, 0);
  }
  20% {
    transform: translate(5px, 0);
  }
  30% {
    transform: translate(-5px, 0);
  }
  40% {
    transform: translate(5px, 0);
  }
  50% {
    transform: translate(0, 0);
  }
  60% {
    transform: translate(-5px, 0);
  }
  70% {
    transform: translate(5px, 0);
  }
  80% {
    transform: translate(-5px, 0);
  }
  90% {
    transform: translate(5px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes shake2 {
  0% {
    transform: translate(0, 0);
  }
  15% {
    transform: translate(-5px, 0);
  }
  25% {
    transform: translate(5px, 0);
  }
  35% {
    transform: translate(-5px, 0);
  }
  45% {
    transform: translate(5px, 0);
  }
  55% {
    transform: translate(-5px, 0);
  }
  65% {
    transform: translate(5px, 0);
  }
  75% {
    transform: translate(-5px, 0);
  }
  85% {
    transform: translate(5px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
.anim-shake2 {
  -webkit-animation-name: shake2;
  animation-name: shake2;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
